Flutter 布局练习之Expanded组件

2019/12/25 8:50:5 | 阅92 来源:好空间网络 [打印] [关闭]
 

Row(
      children: <Widget>[
        Expanded(
          child: Container(color: Colors.red, height: 60),
        ),
        Container(color: Colors.blue, width: 80, height: 80),
        Container(color: Colors.green, width: 70, height: 70),
        Expanded(
          child: Container(color: Colors.orange, height: 100),
        )
      ],
    );


Expanded组件主要是在row里面使用,在row的child里使用

比如ROW里有2个container 希望第一个是固定长度,后面这个占满剩余空间,所以可以在后面的container外面包裹一个Expanded即可

也可以包裹2个Expanded...

效果图:


2.png

经营许可证ICP:皖B2-20100052 公司邮箱:zcdnsz@jspkongjian.net
Copyright © 2004-2015, 安徽好空间网络科技有限公司 版权所有 , 本站素材部分来源于网络,如有侵权请告知删除。