欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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
    

时,如图:

29_Flutter之Stack组件

4.fit:调整Stack组件中的没有使用Position包裹的子组件的宽高

  • loose: 子组件的宽高从Stack约束的最小值到最大值之间取值
  • expand: 子组件的宽高取Stack约束的最大值
  • passthrough:从父组件传递到Stack组件的约束将不加修改地传递给Stack组件中没有被Position组件包裹的子组件

5.overflow:设置对Stack中子组件溢出父组件部分的处理方式

  • Overflow.clip: 溢出的子组件将被限制在父组件的范围内
  • Overflow.visible: 溢出的子组件可见