Flutter开发之——多组件布局容器-Stack和IndexedStack及Positioned

• IndexedStack是Stack的子类，Stack是将所有的子组件叠加显示，而IndexedStack只显示指定的子组件

• Positioned组件通常会作为Stack组件的子组件使用，可以设置绝对的位置和尺寸

二 Stack

---

---

2.1 说明

• Stack未设置fit和alignment属性时，子控件的位置和大小是不确定的

2.2 示例

代码

Stack(

alignment: Alignment.topLeft,

children: [

Container(height: 200, width: 200, color: Colors.red,),

Container(height: 150, width: 150, color: Colors.orange,),

Container(height: 100, width: 100, color: Colors.blue,)

],

)

效果图(绘制顺序)