Expanded一般与Row、Column、Flex组件搭配使用。Expanded包含的组件可以占据剩余的空间
与Row使用,
Row(
children: [
Text(oneItem[index].name, style:TextStyle(fontSize:16)),
Expanded(child:SizedBox.shrink()),
Image.asset('images/rightImg.png',width:16,height:16),
],
),
可以实现一行居两端的布局,中间填充剩余部分
![](https://img.haomeiwen.com/i1514045/c8407182e95ba793.jpg)
与column使用
Expanded(child:SizedBox())
![](https://img.haomeiwen.com/i1514045/6c2046ac74a4c34c.png)
整体页面用Column组件
app的上半部分是用Stack组件搭建,因为有一个渐变的背景和logo+版本号需要可以层叠的组件。
中间部分用listview组件搭建
那么怎么实现公司版权相关信息置底呢,就需要用到Expanded,将上部分和下部分中间撑起
![](https://img.haomeiwen.com/i1514045/c46874940afa8337.jpg)
网友评论