Flutter设置Button的大小

简介: Flutter设置Button的大小

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

相关文章
|
5月前
Flutter中的无名英雄——Focus
Flutter中的无名英雄——Focus 在Flutter中,Focus是一个非常强大的组件,它可以接受用户输入和处理焦点事件,是实现交互功能的重要组成部分。
126 0
Flutter Button 实例
Flutter Button 实例
148 0
Flutter Button 实例
【交互 widget】Flutter Slider
【交互 widget】Flutter Slider
204 0
【交互 widget】Flutter Slider
【交互 widget】Flutter Dialog
【交互 widget】Flutter Dialog
279 0
【交互 widget】Flutter Dialog
使用 Flutter Button
使用 Flutter Button
189 0
|
前端开发 容器
Flutter基础:Flutter中的div——Container(上)
将Container比做成Flutter中的div并不恰当,但这并不妨碍前端同学用Container做为起点来学习Flutter。Flutter官方的文档阅读起来不是很直观,对于习惯了看前端类有直观示例的文档的同学来说不是很友好,故简单的总结了一下,从Container的基础用法开始。
|
前端开发 容器
Flutter基础:Flutter中的div——Container(下)
将Container比做成Flutter中的div并不恰当,但这并不妨碍前端同学用Container做为起点来学习Flutter。Flutter官方的文档阅读起来不是很直观,对于习惯了看前端类有直观示例的文档的同学来说不是很友好,故简单的总结了一下,从Container的基础用法开始。