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
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

浙公网安备 33010602011771号