《Flutter 控件大全》第四十六个：Flexible、Expanded、Spacer

最新推荐文章于 2024-03-31 11:43:03 发布

老孟Flutter

最新推荐文章于 2024-03-31 11:43:03 发布

阅读量773

点赞数

分类专栏： # Flutter Widgets 文章标签： flutter Flexible Expanded Spacer

本文链接：https://blog.csdn.net/mengks1987/article/details/105310367

版权

Flutter Widgets 专栏收录该内容

103 篇文章 128 订阅 ¥9.90 ¥99.00

订阅专栏

本文介绍了Flutter中的Flexible、Expanded和Spacer组件，它们用于控制Row、Column、Flex子控件的布局。Flexible允许子控件按比例填充剩余空间，Expanded是Flexible的特殊形式，强制填充剩余空间。Spacer则用于创建子控件间的空隙。文章通过实例代码展示了这些组件的用法和效果。

摘要由CSDN通过智能技术生成

如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。

同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。

Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。

Expanded、Flexible和Spacer都是具有权重属性的组件，可以控制Row、Column、Flex的子控件如何布局的控件。

Flexible

Flexible组件可以控制Row、Column、Flex的子控件占满父控件，比如，Row中有3个子控件，2边的固定宽，中间的占满剩余的空间，代码如下：

Row(
      children: <Widget>[
        Container(
          color: Colors.blue,
          height: 50,
          width: 100,
        ),
        Flexible(
            child: Container(
              color: Colors.red,

了解本专栏