概述
Stack 组件是一种层叠式布局，即组件覆盖另一个组件，覆盖的顺序取决于在children中放置的顺序，使用场景比如在图片上加上一些文字描述，即将文本Widget覆盖在图片组件，详见下面的小例。
如图所示：
背景网络图片
代码：
Widget_Stack(){
return Container(
child:Stack(
alignment: AlignmentDirectional.topCenter,
children: [
Image.asset(
"assets/images/goods1.png",
fit: BoxFit.contain,//填充剩余空间
height:121,
alignment: AlignmentDirectional.bottomEnd, //设置图片位于底部
),
Container(
margin:EdgeInsets.only(top:10),
child:Text("图片",
style:TextStyle(fontSize:14, color: Colors.white),textAlign: TextAlign.center),
)
],
),
);
}
网友评论