概述
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),
)
],
),
);
}