Flutter控制組件顯示和隱藏三種方式詳解
方式一：if語(yǔ)句控制
// 例如：
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并不會(huì)停掉動(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è)屬性，會(huì)報(bào)錯(cuò)，另外兩個(gè)屬性：maintainAnimation和maintainState也必須同時(shí)設(shè)置。
以上就是Flutter控制組件顯示和隱藏三種方式詳解的詳細(xì)內(nèi)容，更多關(guān)于Flutter控制組件顯示隱藏的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
Android實(shí)現(xiàn)壓縮字符串的方法示例
最近在做Android開發(fā)，遇到了需要壓縮字符串的功能，下面這篇文章主要給大家介紹了Android實(shí)現(xiàn)壓縮字符串的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面跟著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-08-08
教你如何搭建android源代碼repo倉(cāng)庫(kù)
這篇文章主要介紹了如何搭建android源代碼repo倉(cāng)庫(kù),如果你的開發(fā)是基于AOSP源碼來(lái)建倉(cāng)，那么搭建repo服務(wù)器和部署自己的repo倉(cāng)庫(kù)就是非常必要的工作了，本文給大家詳細(xì)介紹搭建過(guò)程，感興趣的朋友一起看看吧2022-07-07
android基礎(chǔ)教程之開機(jī)啟動(dòng)示例
這篇文章主要介紹了android開機(jī)啟動(dòng)示例，開機(jī)自動(dòng)啟動(dòng)程序后開機(jī)啟動(dòng)廣播功能實(shí)現(xiàn),需要的朋友可以參考下2014-02-02
Android實(shí)現(xiàn)3種側(cè)滑效果（仿qq側(cè)滑、抽屜側(cè)滑、普通側(cè)滑）
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)多種側(cè)滑效果，包括仿qq側(cè)滑，抽屜側(cè)滑，普通側(cè)滑三種效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
解決VSCode調(diào)試react-native android項(xiàng)目錯(cuò)誤問(wèn)題
這篇文章主要介紹了VSCode調(diào)試react-native android項(xiàng)目錯(cuò)誤解決辦法,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-12-12
Activity作為Android四大組件之一，他的啟動(dòng)絕對(duì)沒有那么簡(jiǎn)單。這里涉及到了系統(tǒng)服務(wù)進(jìn)程,啟動(dòng)過(guò)程細(xì)節(jié)很多，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值2022-08-08
Android垂直滾動(dòng)控件ScrollView使用方法詳解
這篇文章主要為大家詳細(xì)介紹了Android垂直滾動(dòng)控件ScrollView的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
獲取Android簽名證書的公鑰和私鑰的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇獲取Android簽名證書的公鑰和私鑰的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12
Android自定義流式布局實(shí)現(xiàn)淘寶搜索記錄
這篇文章主要為大家詳細(xì)介紹了Android自定義流式布局實(shí)現(xiàn)淘寶搜索記錄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10
這篇文章主要為大家詳細(xì)介紹了使用反射機(jī)制控制Toast的顯示時(shí)間，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-08-08