Flutter设置Button的大小

最新推荐文章于 2025-04-08 08:59:11 发布

原创最新推荐文章于 2025-04-08 08:59:11 发布 · 1.1w 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#android #aab #bundletool

Flutter学习专栏收录该内容

29 篇文章

订阅专栏

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

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就可以了