目录
  • 方式一：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("显示"),
           )

方式三： 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控制组件显示隐藏的资料请关注其它相关文章！

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。