Flutter Offstage、Visibility隐藏/可见_flutter offstage visibility

作者：Monodyee | 2024-03-22 17:37:30

踩

flutter offstage visibility

Offstage是控制组件隐藏/可见的组件，如果感觉有些单调功能不全，我们可以使用Visibility，Visibility也是控制子组件隐藏/可见的组件。不同是的Visibility有隐藏状态是否留有空间、隐藏状态下是否可调用等功能。

参数详解

属性	说明
Offstage
offstage	子组件是否可见，默认true（隐藏）
child	子组件
Visibility
child	子组件
replacement	不可见时显示的组件（当maintainState = false）
visible	子组件是否可见，默认true（可见）
maintainState	不可见时是否维持状态，默认为false
maintainAnimation	不可见时，是否维持子组件中的动画
maintainSize	不可见时是否留有空间（设置为true，会报错。如果想隐藏并保留组件空间请使用Opacity）
maintainSemantics	不可见时是否维持它的语义（我也没搞明白是什么）
maintainInteractivity	不可见时是否具有交互性

代码示例

Offstage


Offstage(
  offstage:false,
  child: Container(
    width: 200,
    height: 200,
    color: Colors.red,
  ),
),

Visibility


Visibility(
  visible:_offstage,
  replacement:Text('data'),
  maintainState:true,
  child: Container(
    width: 200,
    height: 200,
    color: Colors.yellow,
  ),
),

效果图

完整代码

查看完整代码

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Monodyee/article/detail/289817