flutter FlatButton基本使用和设置按钮大小

逐流间隔年

于 2019-11-20 10:57:13 发布

阅读量1.2w

点赞数 1

分类专栏： flutter开发

本文链接：https://blog.youkuaiyun.com/senkai123/article/details/103158337

版权

flutter开发专栏收录该内容

32 篇文章

订阅专栏

本文详细介绍了在Flutter框架中如何自定义FlatButton按钮的大小。通过使用SizedBox组件包裹FlatButton，并设置宽度、高度及内边距，实现按钮的尺寸调整。文章还提及了按钮的文字颜色、背景色、圆角等样式配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

FlatButton 按钮在默认情况下是有大小的，FlatButton 是没有提供设置按钮大小问题的，如何设置大小那么就在包裹SizedBox
在这里插入图片描述

 SizedBox(
              width: 50,
              height: 32,
              child: FlatButton(
                //为什么要设置左右padding，因为如果不设置，那么会挤压文字空间
                padding: EdgeInsets.symmetric(horizontal: 8),
                //文字颜色
                textColor: Colours.dark_button_text,
                //按钮颜色
                color: Colours.dark_app_main,
                //画圆角
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(4),
                ),
                //如果使用FlatButton，必须初始化onPressed这个方法
                onPressed: () {
                  widget.onPressed(_controller.text);
                },
                child: Text(
                  '搜索',
                  style: TextStyle(fontSize: 14),
                ),
                materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
              ),
            )