Flutter Widget 之 Expanded

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

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

或将他们分散开并分开

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

只需将其包装在Expanded Widget

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

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

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

 你甚至可以设置一个flex

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

为了竞争

这篇好文章是转载于：学新通技术网