Flutter控制組件顯示和隱藏三種方式詳解
方式一：if語句控制
// 例如：
Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
if(a=="顯示")
Text("顯示"),
Offstage(
offstage: false,
child: Text("顯示"),
),
Visibility(
visible: true,
child: Text("顯示")
)
],
),
方式二：Offstage組件
offstage屬性控制控制child的顯示和隱藏，true時(shí)：隱藏，false時(shí)：顯示
Offstage(
offstage: true,
child: Text("顯示"),
)
方式三： Visibility
visible屬性控制child的顯示和隱藏，true時(shí)：顯示，false時(shí)：隱藏
Visibility(
visible: true,
child: Text("顯示")
)
Offstage和Visibility的區(qū)別：
1、Visibility 隱藏/可見，能保存組件的狀態(tài)；Offstage不能保存組件的狀態(tài)，組件重新加載。
2、當(dāng)Offstage不可見（true）的時(shí)候，如果child有動(dòng)畫等，需要手動(dòng)停掉，Offstage并不會停掉動(dòng)畫等操作。
3、Offstage隱藏時(shí)不占空間，Visibility可以設(shè)置隱藏時(shí)占據(jù)空間也可以不占據(jù)空間，默認(rèn)不隱藏時(shí)不占據(jù)空間
備注：Visibility隱藏時(shí)占據(jù)空間如下：
Visibility(
visible:false,
maintainAnimation: true,
maintainSize: true,
maintainState: true,
child: Text("顯示"),
),
強(qiáng)調(diào)：maintainSize就是保持大小不變，如果只設(shè)置這個(gè)屬性，會報(bào)錯(cuò)，另外兩個(gè)屬性：maintainAnimation和maintainState也必須同時(shí)設(shè)置。
以上就是Flutter控制組件顯示和隱藏三種方式詳解的詳細(xì)內(nèi)容，更多關(guān)于Flutter控制組件顯示隱藏的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
對象的創(chuàng)建從來都不是免費(fèi)的. 一個(gè)使用線程分配池的通用垃圾回收器可以讓臨時(shí)對象的分配變得廉價(jià)一些, 但是分配內(nèi)存總是比不分配要昂貴得多.所以避免創(chuàng)建不必要的對象是很重要的一方面。2016-08-08
Android實(shí)現(xiàn)SQLite添加、更新及刪除行的方法
這篇文章主要介紹了Android實(shí)現(xiàn)SQLite添加、更新及刪除行的方法,涉及Android基于SQLiteDatabase類操作SQLite數(shù)據(jù)庫的基本技巧,需要的朋友可以參考下2016-08-08
眾所周知?Flutter是由Google推出的開源的高性能跨平臺框架，一個(gè)2D渲染引擎。在Flutter中，Widget是Flutter用戶界面的基本構(gòu)成單元，可以說一切皆Widget。下面來看下Flutter框架的整體結(jié)構(gòu)組成2023-04-04
Android實(shí)現(xiàn)動(dòng)態(tài)高斯模糊效果
在Android開發(fā)中常常會用到高斯模糊，但有的時(shí)候我們可能會需要一個(gè)圖片以不同的模糊程度展現(xiàn)出來，那如何實(shí)現(xiàn)呢，一起通過本文來學(xué)習(xí)學(xué)習(xí)吧。2016-08-08
今天小編就為大家分享一篇關(guān)于Linux命令行下編譯Android NDK的示例代碼，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧2018-12-12
Android 基于Socket的聊天應(yīng)用實(shí)例(二)
本篇文章主要介紹了Android 基于Socket的聊天應(yīng)用實(shí)例，具有一定的參考價(jià)值，有需要的可以了解一下。2016-12-12
Android開發(fā)之ViewFlipper自動(dòng)播放圖片功能實(shí)現(xiàn)方法示例
這篇文章主要介紹了Android開發(fā)之ViewFlipper自動(dòng)播放圖片功能實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了Android使用ViewFlipper實(shí)現(xiàn)圖片播放的相關(guān)界面布局及功能實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-03-03
Android GestureDetector用戶手勢檢測實(shí)例講解
這篇文章主要為大家詳細(xì)介紹了Android GestureDetector用戶手勢檢測實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
Android入門之使用SimpleAdapter實(shí)現(xiàn)復(fù)雜界面布局
這篇文章主要為大家詳細(xì)介紹了Android如何使用SimpleAdapter實(shí)現(xiàn)復(fù)雜的界面布局，文中的示例代碼講解詳細(xì)，對我們學(xué)習(xí)Android有一定的幫助，需要的可以參考一下2022-11-11
TextView顯示文本控件兩種方法 TextView顯示link的方法
這篇文章主要為大家詳細(xì)介紹了TextView顯示文本控件兩種方法，TextView顯示link的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08