用户登录

在 Row 与 Column 小部件里面,可以把它们的子部件装进一个 Expanded 里面,这个小部件可以扩展它的子部件占用的空间。

现在界面上用了一个 Row 小部件,在它里面水平排了三个子部件,排完这些小部件以后主轴上还剩下一些空间,如果想把这些空间分配给指定的小部件,可以用一个 Expanded 包装一下它。比如选中这个 1 号小部件,按一下 command + .  选择 Wrap with Widget,用一个 Expanded 小部件。

现在你会发现,刚才在主轴上剩余的空间都分配给 1 号小部件了。 再选中 2 号小部件,command + . 选择 Wrap with Widget,再用一个 Expanded 小部件。这回会把主轴剩余的空间平均分配给 1 号还有 2 号小部件。

如果你想具体再设置一下这个剩余空间的分配情况,可以在 Expanded 里面用 flex 属性控制,比如在 1 号这个小部件的 Expanded 里面,把  flex 设置成 2 。然后在 2 号小部件的 Expanded 里面,把 flex 设置成 1 。

这样会把主轴剩余空间分成 3 份, 1 号占其中的两份,2 号占用其中的一份。

Expanded:扩展空间《 Flutter 2:界面布局 》

统计

13432
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点