Flutter控制組件顯示和隱藏三種方式詳解
方式一: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的區(qū)別:
1、Visibility 隱藏/可見,能保存組件的狀態(tài);Offstage不能保存組件的狀態(tài),組件重新加載。
2、當(dāng)Offstage不可見(true)的時候,如果child有動畫等,需要手動停掉,Offstage并不會停掉動畫等操作。
3、Offstage隱藏時不占空間,Visibility可以設(shè)置隱藏時占據(jù)空間也可以不占據(jù)空間,默認(rèn)不隱藏時不占據(jù)空間
備注:Visibility隱藏時占據(jù)空間如下:
Visibility( visible:false, maintainAnimation: true, maintainSize: true, maintainState: true, child: Text("顯示"), ),
強(qiáng)調(diào):maintainSize就是保持大小不變,如果只設(shè)置這個屬性,會報(bào)錯,另外兩個屬性:maintainAnimation和maintainState也必須同時設(shè)置。
以上就是Flutter控制組件顯示和隱藏三種方式詳解的詳細(xì)內(nèi)容,更多關(guān)于Flutter控制組件顯示隱藏的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
Android實(shí)現(xiàn)SQLite添加、更新及刪除行的方法
這篇文章主要介紹了Android實(shí)現(xiàn)SQLite添加、更新及刪除行的方法,涉及Android基于SQLiteDatabase類操作SQLite數(shù)據(jù)庫的基本技巧,需要的朋友可以參考下2016-08-08Android實(shí)現(xiàn)動態(tài)高斯模糊效果
在Android開發(fā)中常常會用到高斯模糊,但有的時候我們可能會需要一個圖片以不同的模糊程度展現(xiàn)出來,那如何實(shí)現(xiàn)呢,一起通過本文來學(xué)習(xí)學(xué)習(xí)吧。2016-08-08Android 基于Socket的聊天應(yīng)用實(shí)例(二)
本篇文章主要介紹了Android 基于Socket的聊天應(yīng)用實(shí)例,具有一定的參考價值,有需要的可以了解一下。2016-12-12Android開發(fā)之ViewFlipper自動播放圖片功能實(shí)現(xiàn)方法示例
這篇文章主要介紹了Android開發(fā)之ViewFlipper自動播放圖片功能實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了Android使用ViewFlipper實(shí)現(xiàn)圖片播放的相關(guān)界面布局及功能實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-03-03Android GestureDetector用戶手勢檢測實(shí)例講解
這篇文章主要為大家詳細(xì)介紹了Android GestureDetector用戶手勢檢測實(shí)例,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-03-03Android入門之使用SimpleAdapter實(shí)現(xiàn)復(fù)雜界面布局
這篇文章主要為大家詳細(xì)介紹了Android如何使用SimpleAdapter實(shí)現(xiàn)復(fù)雜的界面布局,文中的示例代碼講解詳細(xì),對我們學(xué)習(xí)Android有一定的幫助,需要的可以參考一下2022-11-11TextView顯示文本控件兩種方法 TextView顯示link的方法
這篇文章主要為大家詳細(xì)介紹了TextView顯示文本控件兩種方法,TextView顯示link的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-08-08