目录方式一:if语句控制方式二:Offstage组件方式三: VisibilityOffstage和Visibility的区别:方式一:if语句控制 // 例如: Column(
// 例如:
Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
if(a=="显示")
Text("显示"),
Offstage(
offstage: false,
child: Text("显示"),
),
Visibility(
visible: true,
child: Text("显示")
)
],
),
offstage属性控制控制child的显示和隐藏,true时:隐藏,false时:显示
Offstage(
offstage: true,
child: Text("显示"),
)
visible属性控制child的显示和隐藏,true时:显示,false时:隐藏
Visibility(
visible: true,
child: Text("显示")
)
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控制组件显示隐藏的资料请关注编程网其它相关文章!
--结束END--
本文标题: Flutter控制组件显示和隐藏三种方式详解
本文链接: https://www.lsjlt.com/news/170627.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-21
2023-10-28
2023-10-28
2023-10-27
2023-10-27
2023-10-27
2023-10-27
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0