Flutter设置Button的大小

最新推荐文章于 2024-09-08 14:58:57 发布

旺仔大牛

最新推荐文章于 2024-09-08 14:58:57 发布

阅读量1.1w

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Flutter学习文章标签： android aab bundletool

本文链接：https://blog.youkuaiyun.com/adojayfan/article/details/121251414

Flutter学习专栏收录该内容

29 篇文章

订阅专栏

随着Flutter 2.0的发布，官方推荐使用ElevatedButton代替RaiseButton。本文介绍了如何使用ElevatedButton实现按钮的大小设置，包括如何让它占满屏幕。通过示例代码展示了ElevatedButton的基本用法，如设置固定大小、自适应屏幕尺寸以及自定义样式，帮助开发者顺利过渡到新的API。

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

Flutter 2.0之前，一般使用RaiseButton

/// 和父widget的宽度或高度保持一致
SizedBox.expand(
  child: RaisedButton(...),
)
/// 设置固定的值
使用Container或者SizeBox设置大小即可。

Flutter 2.0之后，官方使用ElevatedButton替代了RaiseButton。

ElevatedButton(
      onPressed: () => _login(_controllers[0].text.trim().toString(),
          _controllers[1].text.trim().toString(), context),
      child: Text('login'),
      style: ElevatedButton.styleFrom(
          minimumSize: const Size(100, 50),
          shape:
              RoundedRectangleBorder(borderRadius: BorderRadius.circular(30))),
    );

如果想占满屏幕，将Size中的width使用double.infinity就可以了