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,
  ),
),

效果图

完整代码

查看完整代码