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,
),
),
效果图

完整代码

查看完整代码
————————————————
版权声明:本文为CSDN博主「马志武」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/ruoshui_t/article/details/95897023