Stack和IndexedStack

Stack

堆叠的方式排列子控件，其属性比较简单, 属性如下

Stack({
    Key key,
    this.alignment = AlignmentDirectional.topStart, //对齐方式
    this.textDirection,  //textDirection文本对齐方式，一般不会修改
    this.fit = StackFit.loose,  //设置子控件的占用尺寸
    this.overflow = Overflow.clip,//超出区域是否裁剪
    List children = const [],
  })

简单使用

Stack(
    children: [
       Image.network("url"),
       Text(
         "Stack",
          style: TextStyle(
           color: Colors.red,
           fontSize: 20,
           fontStyle: FontStyle.italic,
         ),
      ),
    ],
    alignment: Alignment.bottomCenter,
  );

IndexedStack

简单来说就是 指定显示某个控件，毕竟带index嘛，属性和Stack基本一样

IndexedStack({
    Key key,
    AlignmentGeometry alignment = AlignmentDirectional.topStart,
    TextDirection textDirection,
    StackFit sizing = StackFit.loose,
    this.index = 0,   //显示控件的下标
    List children = const [],
  })

IndexedStack(
  index: 1,//指定要显示widget的索引值（1表示显示的图片）
  children: [
    Text("IndexStackWidget"),
    Image.network("https://timgsa.baidu.com/timg.png", ),
   ],
);