Flutter--Expanded学习

一、介绍

自适应填充布局,类型android的LinearLayout的weight权重

二、expanded源码

 const Expanded({
    Key key,
    int flex = 1,//弹性
    @required Widget child,//子组件
  }) : super(key: key, flex: flex, fit: FlexFit.tight, child: child);

三、属性介绍

属性 说明
flex 弹性

四、demo

return Container(
      color: Colors.black26,
      width: 600,
      height: 100,
      child: Row(
        children: [
          Expanded(
              flex: 1,
              child: Container(
                color: Colors.blue,
              )),
          Expanded(
            flex: 2,
              child: Container(
                  color: Colors.red,
          )),

          Expanded(
              flex: 1,
              child: Container(
                color: Colors.yellow,
              )),
        ],
      ),
    );

1:2:1的宽度


企业微信截图_16068358028073.png

推荐阅读更多精彩内容