網站首頁 編程語言 正文
在Flutter中,常見的數據傳遞一共有以下幾種:
1、構造方法傳遞
Flutter
的構造方法具備著dart
語言的特點,參數具備可選狀態,通過構造方法傳遞數據,可以很方便的將任意數據進行傳遞,平時開發中,A
跳轉B
頁面最常用的方法就是通過構造方法進行傳遞。比如我們最常見的Key
就是通過構造一級一級向下傳遞的。
優點: 相鄰頁面之間傳遞數據非常方便,你不需要進行任何額外的操作。
缺點: 當頁面層級過多以及類過多時,需一級一級傳遞,寫起來非常麻煩,代碼耦合性高。
2、InheritedWidget
為了解決構造函數一級一級鄉下傳遞的的缺點,Flutter派生出了功能性組件InheritedWidget
,通過它可以實現頂級widget的數據共享,也就是說無需一級一級向下傳遞,即可獲取數據,比如A頁面有一個數據,需要在C頁面使用,那么就可以不經過B頁面獲取,前提ABC三個頁面是屬于一個Widget中的,常見的 TabView布局頂層數據共享,適合復雜頁面頂層向下傳遞數據,使用也很簡單。
示例代碼:
/// 數據共享 class TestData extends InheritedWidget { final Widget child; final String data; // 共享數據 // 構造 const TestData({ Key? key, required this.child, required this.data, }) : super(key: key, child: child); /// 定義一個靜態方法 獲取數據 static String of(BuildContext context) { // return context.dependOnInheritedWidgetOfExactType<TestDataestData>()?.data??"數據有誤"; return (context.getElementForInheritedWidgetOfExactType<TestData>()?.widget as TestData).data ; } @override bool updateShouldNotify(covariant TestData oldWidget) { return child != oldWidget.child; } }
然后在A頁面的根布局套上TestData
,在C頁面通過of
方法即可獲取數據。
兩種更新數據方法:
dependOnInheritedWidgetOfExactType
: 子組件更新didChangeDependencies();
getElementForInheritedWidgetOfExactType
: 不更新。
需要注意的點: 這種傳遞方式是樹狀結構從上而下進行傳遞,所共享數據的頁面必須在頂層的build
方法中,并且沒有延遲加載,比如這個頁面為動態加載,那么在C頁面中的initState
獲取數據就會報錯,原因就是首次構建時,沒有加載子頁面導致,可在build方法中獲取,或者延時獲取。
優點: 自上而下,無需一級一級傳遞,傳遞方便。
缺點: 不能跨組件傳遞。
應用場景: 系統中比如我們常見的MediaQuery
設備信息和Theme
應用主題就是通過這種方式在來進行統一數據共享的。
3、Notification
Notification
是FLutter中的一種通知機制,和 InheritedWidget
相反,他可以自下而上通知父組件更新數據,
定義傳遞數據類:
class TestDataN extends Notification{ final String data; TestDataN(this.data); }
子組件通知調用dispacth方法通知父組件。
TestDataN("data").dispatch(context);
在父組件進行監聽:
NotificationListener( onNotification: (data){ print("data$data"); return true; },child: child);
應用場景: 比如我們的ListView
滾動監聽、就是通過Notification
實現的。
4、Stream & event_bus
以上的2、3數據傳遞方式都是基于同一個widget樹進行傳遞的,跨組件通信我們可以使用Stream事件流進行傳遞,通過訂閱者模式監聽數據,可以在任意組件中進行數據傳遞,event_bus插件就是使用這種方式來進行數據傳遞的。
eventBus示例代碼:
// 創建公用對象 EventBus eventBus = EventBus(); // 監聽數據 eventBus.on().listen((event) { }); // 發送 eventBus.fire(event);
使用完畢在注冊接收數據頁面記得銷毀:eventBus.destroy();
優點: 可以跨組件通信。
原文鏈接:https://juejin.cn/post/7113130538491183135
相關推薦
- 2022-09-27 Hive中常用正則表達式的運用小結_正則表達式
- 2023-02-06 Python?PyQt拖動控件對齊到網格的方法步驟_python
- 2022-07-18 BeanUtils工具類
- 2022-09-16 C#數據庫操作的示例詳解_C#教程
- 2022-12-13 Android?DataBinding單向數據綁定深入探究_Android
- 2022-10-26 C++賦值函數+移動賦值函數+移動構造函數詳解_C 語言
- 2022-03-19 Docker?rocketmq部署的實現示例_docker
- 2022-12-10 C++中如何將數據保存為CSV文件_C 語言
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支