29_Flutter之Stack组件
程序员文章站
2024-01-19 17:21:04
...
Flutter之Stack组件
一.参数说明
Stack({
Key key,
this.alignment = AlignmentDirectional.topStart,
this.textDirection,
this.fit = StackFit.loose,
this.overflow = Overflow.clip,
List<Widget> children = const <Widget>[],
})
1.其内部的多个子组件可以层叠显示
2.alignment:设置子组件在Stack中的对齐方式
3.textDirection:设置子组件在Stack中从左往右排列,还是从右往左排列
-
当
alignment = AlignmentDirectional.topStart textDirection = TextDirection.rtl
时,如图:
4.fit:调整Stack组件中的没有使用Position包裹的子组件的宽高
- loose: 子组件的宽高从Stack约束的最小值到最大值之间取值
- expand: 子组件的宽高取Stack约束的最大值
- passthrough:从父组件传递到Stack组件的约束将不加修改地传递给Stack组件中没有被Position组件包裹的子组件
5.overflow:设置对Stack中子组件溢出父组件部分的处理方式
- Overflow.clip: 溢出的子组件将被限制在父组件的范围内
- Overflow.visible: 溢出的子组件可见