Flutter Widget 之 Expanded

539 阅读1分钟

几乎每个Flutter布局都是用Row和Column。

他们可以仅仅的包含自己的子项

或将他们分散开并分开

如果你想让其中一个子项伸展并填补额外的空间呢?

只需将其包装在Expanded Widget

Row(
    children: [
        MyWidget(),
        Expanded(
            child: MyWidget(),  
        ),
        MyWidget(),
    ],
)

当Row或Column布置其子项时,首先执行不灵活的子项

然后它将剩余空间划分给灵活的子项,如Expanded。

 你甚至可以设置一个flex

Expanded(
    flex: 2,
    child: Container()
)

为了竞争

如果想了解有关Expanded的内容,或者关于Flutter的其他功能,请访问flutter.io

原文翻译自视频:视频地址