29_Flutter之Stack组件

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: 溢出的子组件可见