开发者

Flutter控制组件显示和隐藏三种方式详解

开发者 https://www.devze.com 2022-11-28 11:16 出处:网络 作者: 莲花小怪兽
目录方式一:if语句控制方式二:Offstage组件方式三:VisibilityOffstage和Visibility的区别:方式一:if语句控制//例如:Column(mai...
目录
  • 方式一:if语句控制
  • 方式二:Offstage组件
  • 方式三: Visibility
  • Offstage和Visibility的区别:

方式一: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("显示"),
           )

方式三: Visibili编程客栈ty

visible属性控制child的显示和隐藏,true时:显示,false时:隐藏

 Visibility(
               visible: true, 
               child: Text("显示")
           )

Offstage和Visibility的区别:

1、Visibility 隐藏/可见,能保存组件的状态;Offstage不能保存组件的状态,组件重新加载。

2、当Offstage不可见(true)的时候,如果child有动画等,需要手动停掉,Offstage并不会停掉动画等操作。zwZzjBD

3、Offstage隐藏时不占空间,Visibility可以设置隐藏时占编程客栈据空间也可以不占据空间,默认不隐藏时不占据空间

备注:Visibility隐藏时占据空间如下:

Visibility(
  visible:false,
  maintainAnimation: true,
  maintainSize: true,
  maintainState: true,
  child: Text("显示"),
),

强调:maintainSize就是保持大小不变,如果只设置这个属性,会报错,另外两个属性:maintainAnimation和maintainState也必须同时设置。

以上就是Flutter控制组件显示和隐藏三种方式详解的详细内容,更多www.devze.com开发者_C学习关于Flutter控制组件显示隐藏的资料请关注我们其它相关文章!

0

精彩评论

暂无评论...
验证码 换一张
取 消