Flutter 中将控件放置在所有子元素下方
使用 Flutter 的 Stack Widget 可以实现将一个控件放置在所有其他子元素下方,并允许其他控件覆盖其内容。
将需要在所有其他控件下方的控件放在 Stack 的底部,然后将其他控件放在 Stack 的子节点中,它们将覆盖底部控件。
示例代码如下:
Stack(
children: [
Positioned(
bottom: 0,
child: Container(
width: 100,
height: 100,
color: Colors.red,
),
),
Container(
width: 200,
height: 200,
color: Colors.blue,
),
],
)
在这个例子中,红色 Container 被放置在 Stack 的底部,而蓝色 Container 被放置在 Stack 的顶部,并覆盖了红色 Container。使用 Positioned Widget 可以控制底部控件的位置。
原文地址: https://www.cveoy.top/t/topic/ocuw 著作权归作者所有。请勿转载和采集!