Flutter 消除警告线之 Expanded

最新推荐文章于 2024-05-12 22:20:55 发布
最新推荐文章于 2024-05-12 22:20:55 发布
阅读量9k 收藏 25
点赞数 76
文章标签： flutter android ios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013491829/article/details/107241213
版权

.盛年不重来，一日难再晨。及时宜自勉，岁月不待人。——陶渊明

黄黑警示带，用警戒、提示、注意、隔离等作用。

不管我们走在工厂、马路、还是其他地方都可以见到黄色警告线。

提醒我们注意啦！！！！ 

为了生活，我们每天也许都会触碰警告线。老板的规则是警告线、媳妇的某些规则也貌似警告线、父母的规定、乃至于整个家庭、国家都有警告线。所以呀生活不容易，遵循规则很重要。作为一名移动开发者，你更好的遵循开发规范也许可以避免警告线！！！

不管你以前是移动原生开发者，还是已经上手Flutter框架的移动开发程序员，我觉得解决问题的方式方法很重要。

示例一（Row+Text+Expanded）：

用Text  widgets实现文本展示。

1、当文本（[data] parameter）比较短的时候，没有超出屏幕宽度： 

Column( children: <Widget>[
            Row(
              children: <Widget>[
                Text(
                  '是否超出出现黄色警告线',
                ),
                Text(
                  '是否超出出现黄色警告线',
                ),
              ],
            ),
          ],
        )

2、当问本值略长的时候：

 Column(
          children: <Widget>[
            Row(
              children: <Widget>[
                Text(
                  '◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤',
                ),
                Text(
                  '◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤',
                ),
              ],
            ),
          ],
        ),

不管是在学习Flutter或者是在用它开发项目，遇到问题首先看控制台日志（或者百度、或者问同事、或者在开发者相关平台发帖寻求回答）。

仔细阅读控制台反馈给的日志，提醒我们使用Expanded widget。

3、用Expanded解决问题：

 Column(
          children: <Widget>[
            Row(
              children: <Widget>[
                Expanded(
                  child: Text(
                    '◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤',
                  ),
                ),
                Expanded(
                  child: Text(
                    '◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤',
                  ),
                )
              ],
            ),
          ],
        ),

警告消除啦！！！！！ 

示例二：（Column+Text+Expanded）

1、1、当文本（[data] parameter）比较短的时候，没有超出屏幕高度：

Column(
              children: <Widget>[
                Text("◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"),
                Text("◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"),
              ],
            ),

2、当文本略长时：

Column(children: <Widget>[
          Expanded(
            child: Text("◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"),
          ),
          Text("◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤")
        ]),

再次查看控制台日志：

3、用Expanded解决问题：

Column(children: <Widget>[
          Expanded(
            child: Text("◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"
                "◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤"),
          ),
          Text("◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤")
        ]),

警告消除啦！！！

健谈Expanded：

 Expanded就是间接扩展至Widget的部件。有效解决横向或者纵向布局出现的黄色警告线。简而言之就是按比例扩展有限的空间，以此达到划清界限的作用。借助Flex可以按比例进行划分或者填充剩余部分空间。

参考：

Row：Row class - widgets library - Dart API

Colum：Column class - widgets library - Dart API

Expanded：Expanded class - widgets library - Dart API

️ 邪神
关注
  • 76
    点赞
  • 踩
  • 25
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 32
    评论
Flutter 防止Text内容溢出产生警告（黄色块）
u013095264的博客
11-06 3389
Text内容过多时，屏幕上会出现溢出，即黄色块 以下是解决方案 Container( alignment: Alignment.centerLeft, width: px(120), margin: EdgeInsets.only(left: px(50...
flutter按需关闭 lint 提示，再见波浪线！
weixin_44539199的博客
01-14 634
按需调整，关闭flutter linter代码检查
Flutter 中的 Expanded 小部件：全面指南
最新发布
smileKH的博客
05-12 913
Expanded是 Flutter 中一个非常实用的小部件，它提供了一种简单而灵活的方式来控制子控件在布局中占据的空间。通过合理使用Expanded，你可以创建出既美观又适应不同屏幕尺寸的布局界面。掌握Expanded的使用，对于任何 Flutter 开发者来说都是一项重要的技能。
Flutter之提示组件
追风者
08-29 3550
本文参考博客：https://blog.csdn.net/xieluoxixi/article/details/8613931 提示组件大致可以分为两种，一种是轻量级提示组件，一种是非轻量级提示组件。 一、轻量级提示组件 即提示很短一段时间后就会消失 1、Tooltip class HaPi extends StatelessWidget { @override...
flutter 去除超出警报
舜岳的博客
07-04 907
给超出内容套上SingleChildScrollView组件即可 SingleChildScrollView( child: ... )
flutter项目屏幕底部出现黄条
我还可以
06-27 1664
出现此问题的原因： 内容超出屏幕所能展示区域，并且当前屏幕组件是不支持滚动的。 解决办法： Column组件改为ListView组件，前者不支持滚动，而后者支持。 flutter交流群：815674633
Flutter实现添加购物车的抛物线动画效果
09-05
Flutter实现添加购物车的抛物线动画效果，更加Tween动画利用了抛物线运动的算法求出path路径下每个坐标，然后canvas
Flutter开发之Dart语言基础
01-27
Flutter是Google开发的一款用于帮助开发者在iOS和Android两个平台构建高质量原生应用的全新移动UI框架。说到Flutter，很多同学可能会将它和下面的几个词关联起来：新兴的、移动端、动态化、跨平台、开发框架。简单来...
java之Flutter环境搭建
06-16
首先我们下载Flutter开发工具包。 下载地址：docs.flutter.dev/development… 安装 将下载后的的压缩包，解压到你想安装的目录下（我这是：D:\flutter），最好不要放到权限比较高的目录，比如：C:\Program Files\ ...
flutter 自定义widget之步骤引导线guide_line
12-10
里面用到了插件 flutter_screenutil: ^0.7.0 用户可自定义各种形状，这里只是一种实现的方式，大家可以搜索同标题的博文进行查看，也可以发送邮件给我，一起学习一起进步
flutter版本你的k线图 iOS
04-06
【标题】"Flutter版K线图在iOS平台的应用" 【正文】 在移动应用开发领域，Flutter作为Google推出的跨平台框架，已经逐渐获得了开发者们的青睐。它以其高效的开发速度、丰富的UI组件库以及一致的用户体验而著称。在...
Flutter – ListView5 – Expanded保持控件居于底部
01-07
import 'package:flutter/material.dart'; import 'package:flutter_app/jhImageTool.dart'; var dataArr; var phone = 1234xxxx1234; var address = 这是地址; var range = 这是描述这是描述; var adminData = [ {...
flutter之ppt.rar
05-10
第一个完成flutter的高校本科课程用ppt，共分12章，简要的介绍了flutter的课程：flutter的安装、dart语言的应用、常用组件、Material Design、Cupertino、页面布局、资源与图片、路由与导航、组件装饰和动画等内容
Flutter布局模型之层叠定位
08-27
Flutter布局模型之层叠定位 Flutter 布局模型中的层叠定位是指在 Flutter 中使用 Stack 控件来实现子控件的层叠排列，以达到灵活的布局方式。层叠定位的核心是使用 Positioned 控件来包裹具体的子控件，并通过 top...
Flutter开发之Widget自定义总结
01-05
但是其实flutter框架在设计之初就给我们预留出了自定义的入口，方便我们进行自定义。 CustomPaint自定义绘制 例：圆形进度条 思路：使用CustomPaint绘制需要的效果 class CircleProgress extends ...
Flutter 消除黄色报警 Wrap 超出部分报警
丿灬安之若死
02-02 773
代码 import 'package:flutter/material.dart'; class WrapDemo extends StatelessWidget { @override Widget build(BuildContext context) { return Container( child: Wrap( alignment: WrapAlignment.center, spacing: 10, runSp..
【Flutter】Flutter如何解决布局越界
Code Metaverse
06-14 1720
三种方法
消除Flutter doctor的警告Warning: `dart` on your path resolves to xxx/bin/dart
adojayfan的博客
05-05 3345
Warning: `dart` on your path resolves to /usr/local/Cellar/dart/2.13.3/libexec/bin/dart, which is not inside your current Flutter SDK checkout at /Users/flutter/to/path. Consider adding /Users/flutter/to/path to the front of your path
flutter中的Expanded
05-10
在Flutter中，`Expanded`是一个widget，用于将其子widget扩展以填充可用空间。`Expanded`通常与`Flex`或`Column`、`Row`等容器一起使用，以便将子widget按比例分配可用空间。 当`Expanded`放置在`Flex`、`Column`、`Row`等容器中时，它会尝试填充所有可用空间，让其子widget占据尽可能多的空间。如果多个`Expanded`子widget同时存在，它们会按比例进行分配，比如一个子widget设置了`flex: 2`，另一个子widget设置了`flex: 1`，则前者会分配到更多的空间。 以下是一个简单的示例： ```dart Flex( direction: Axis.horizontal, children: [ Expanded( flex: 1, child: Container( height: 50, color: Colors.blue, ), ), Expanded( flex: 2, child: Container( height: 50, color: Colors.green, ), ), ], ) ``` 以上代码创建了一个`Flex`容器，其中包含两个`Expanded`子widget。第一个子widget占据1/3的空间，第二个子widget占据2/3的空间。这些子widget都是`Container`，并设置了不同的背景颜色，以便区分它们。 总的来说，`Expanded`是一个非常有用的widget，它可以帮助我们轻松地调整子widget的大小和位置，以便适应不同的屏幕和布局需求。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 32
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

️ 邪神

你自己看着办，你喜欢打赏我就赏

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值