Flutter控制组件显示和隐藏三种方式详解
短信预约 -IT技能 免费直播动态提醒
方式一：if语句控制
// 例如：
Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
if(a=="显示")
Text("显示"),
Offstage(
offstage: false,
child: Text("显示"),
),
Visibility(
visible: true,
child: Text("显示")
)
],
),
方式二：Offstage组件
offstage属性控制控制child的显示和隐藏，true时：隐藏，false时：显示
Offstage(
offstage: true,
child: Text("显示"),
)
方式三： Visibility
visible属性控制child的显示和隐藏，true时：显示，false时：隐藏
Visibility(
visible: true,
child: Text("显示")
)
Offstage和Visibility的区别：
1、Visibility 隐藏/可见，能保存组件的状态；Offstage不能保存组件的状态，组件重新加载。
2、当Offstage不可见（true）的时候，如果child有动画等，需要手动停掉，Offstage并不会停掉动画等操作。
3、Offstage隐藏时不占空间，Visibility可以设置隐藏时占据空间也可以不占据空间，默认不隐藏时不占据空间
备注：Visibility隐藏时占据空间如下：
Visibility(
visible:false,
maintainAnimation: true,
maintainSize: true,
maintainState: true,
child: Text("显示"),
),
强调：maintainSize就是保持大小不变，如果只设置这个属性，会报错，另外两个属性：maintainAnimation和maintainState也必须同时设置。
以上就是Flutter控制组件显示和隐藏三种方式详解的详细内容，更多关于Flutter控制组件显示隐藏的资料请关注编程网其它相关文章！
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
