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