Flutter-Expand的使用说明

Expanded常用于Row, Column, Flex的子元素中;在使用Expanded子Widget的时候,能够填充满剩余空间。

Expanded的定义
Expanded的定义非常简单,里面只包含flex和child属性

const Expanded({
Key key,
int flex = 1,
@required Widget child,
})
flex代表着当前Expanded的宽度(高度)占比系数;
child代表着当前Expanded拥有的子Widget。

Expanded的简单实例
这里简单设置一个Container的Widget,设置其高度为200.0,背景色为灰色,默认Container会填充满整个宽;然后设置Container的子Widget为Row,在Row里面设置两个子Widget,两个子Widget的宽度比例为2:1;这个时候就需要使用Expanded的flex属性,只要需要按照下面代码设置一个widget的flex为2,一个widget的flex为1即可。

作者:嗨哒哥
链接:https://www.jianshu.com/p/2df0eccc3c38
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

posted @ 2021-07-01 17:11  清晨小院  阅读(240)  评论(0)    收藏  举报