Stack
堆叠的方式排列子控件,其属性比较简单, 属性如下
Stack({
Key key,
this.alignment = AlignmentDirectional.topStart, //对齐方式
this.textDirection, //textDirection文本对齐方式,一般不会修改
this.fit = StackFit.loose, //设置子控件的占用尺寸
this.overflow = Overflow.clip,//超出区域是否裁剪
List<Widget> children = const <Widget>[],
})
简单使用
Stack(
children: <Widget>[
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<Widget> children = const <Widget>[],
})
IndexedStack(
index: 1,//指定要显示widget的索引值(1表示显示的图片)
children: <Widget>[
Text("IndexStackWidget"),
Image.network("https://timgsa.baidu.com/timg.png", ),
],
);
网友评论