flutter-Expanded

2023-04-25  本文已影响0人  肉肉要次肉

Expanded一般与Row、Column、Flex组件搭配使用。Expanded包含的组件可以占据剩余的空间

参考Flutter基础篇之八-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),

  ],

),

可以实现一行居两端的布局,中间填充剩余部分

与column使用

Expanded(child:SizedBox())

整体页面用Column组件

app的上半部分是用Stack组件搭建,因为有一个渐变的背景和logo+版本号需要可以层叠的组件。

中间部分用listview组件搭建

那么怎么实现公司版权相关信息置底呢,就需要用到Expanded,将上部分和下部分中间撑起

上一篇 下一篇

猜你喜欢

热点阅读