gpt4 book ai didi

flutter - 将Stack的子级移到屏幕底部

转载 作者:行者123 更新时间:2023-12-03 03:21:51 26 4
gpt4 key购买 nike

我想将容器(该容器是堆栈的第二个子容器)移动,并将其包裹在填充中,使其位于屏幕底部而不是顶部。

 body: Stack(
children: <Widget>[
ListView.builder(
itemCount: itemData.length,
shrinkWrap: true,
scrollDirection: Axis.vertical,
itemBuilder: (BuildContext context,int index){
return Text(data[index].name);
}

),

Padding(
padding: const EdgeInsets.all(10.0),
child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8),
color: Colors.cyan
),
padding: EdgeInsets.all(10),
height: 60,

),
)
],
),

最佳答案

Align包裹您的第二个 child :

Align(
alignment: Alignment.bottomCenter,
child: Padding(
padding: const EdgeInsets.all(10.0),
child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8),
color: Colors.cyan),
padding: EdgeInsets.all(10),
height: 60,
),
),
)

但是请注意,当列表变大时,它将覆盖您的列表。除非您要这样做,否则可以使用列而不是堆栈。

关于flutter - 将Stack的子级移到屏幕底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62323569/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com