[Flutter] Resizable Text Container만들기

kimdocs...📄·2023년 12월 1일
0

flutter

목록 보기
29/30

class ResizableTextContainer extends StatelessWidget {
  final String text;
  final TextStyle textStyle;
  final Color backgroundColor;
  final double borderRadius;
  final EdgeInsets padding;

  const ResizableTextContainer({super.key,
    required this.text,
    this.textStyle = CGTextStyle.caption,
    this.backgroundColor = CGColor.secondary_4th,
    this.borderRadius = 11,
    this.padding = const EdgeInsets.symmetric(horizontal: 10.0, vertical: 4.0),
  });

  
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(borderRadius),
        color: backgroundColor,
      ),
      child: Padding(
        padding: padding,
        child: LayoutBuilder(
          builder: (context, constraints) {
            return FittedBox(
              fit: BoxFit.scaleDown,
              child: Text(
                text,
                style: textStyle
              ),
            );
          },
        ),
      ),
    );
  }
}
profile
👩‍🌾 GitHub: ezidayzi / 📂 Contact: ezidayzi@gmail.com

0개의 댓글