ChangeNotifierProvider 本質上也是 Widget

場景

void main() {runApp(MyApp());
}class MyApp extends StatelessWidget {const MyApp({super.key});Widget build(BuildContext context) {return ChangeNotifierProvider(create: (context) => MyAppState(),child: MaterialApp(title: 'Namer App',theme: ThemeData(useMaterial3: true,colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepOrange),),home: MyHomePage(),),);}
}class MyAppState extends ChangeNotifier {var current = WordPair.random();void getNext() {current = WordPair.random();notifyListeners();}var favorites = <WordPair>[];void toggleFavorite() {if (favorites.contains(current)) {favorites.remove(current);} else {favorites.add(current);}notifyListeners();}
}

Analysis

在 Flutter 里,“一切皆 Widget”。
build 方法的聲明:


Widget build(BuildContext context)

只要求“返回 某種 Widget”。并沒有規定必須是 ContainerText 或者別的具體類型——只要最終返回值 實現Widget 抽象類即可。

ChangeNotifierProvider 本質上也是 Widget

ChangeNotifierProvider(來自 provider 包)繼承自 InheritedNotifier<ChangeNotifier>,而 InheritedNotifier 又直接或間接繼承自 StatelessWidget,最終實現了 Widget
所以從類型系統的角度看,它完全符合 Widget build(...) 的返回要求:

Widget               <-- 抽象基類└─ StatelessWidget└─ InheritedNotifier└─ ChangeNotifierProvider   ?

類比到 iOS / UIKit

  • 在 UIKit 里,UIViewController.view 需要返回一個 UIView
    你既可以返回 UILabelUIButton,也可以返回自定義繼承自 UIView 的子類;本質上它們都是 UIView
  • Flutter 里 build 需要返回 WidgetChangeNotifierProviderContainerText ……都繼承自 Widget,所以都合法。

為什么要把 Provider 當根節點返回?

  1. 注入狀態
    ChangeNotifierProvider 的職責是把 MyAppState(一個 ChangeNotifier)放進 widget tree 的上層,以便子樹里的任何 widget 都能通過 context.watch<MyAppState>() 訪問它。

  2. 組合而非繼承
    Flutter 樹形 UI 的推薦寫法是“用 widget 組合功能”。把 Provider 放在最外層,可以在不修改下層頁面的前提下,隨時替換 / 拆分狀態管理方案。

  3. 仍然可以嵌套真實 UI
    Provider 自己也有一個 child。在你的代碼里,childMaterialApp(...)——這是實際渲染 UI 的根。Provider 只是一個透明的“功能包裝器”。

return ChangeNotifierProvider(create: (_) => MyAppState(),child: MaterialApp(// ...UI 層次從這里開始),
);

換句話說,ChangeNotifierProvider ≈ “帶狀態注入功能的空殼 View”,它把真正的 UI (MaterialApp) 裝進去,再把整個結果返回給 Flutter 框架。對 build 而言,這依舊只是一個合法的 Widget


總結

  • build 只要求返回任何實現了 Widget 的對象。
  • ChangeNotifierProvider 繼承自 Widget,當然可以直接返回。
  • 這樣寫的好處是:在最外層注入全局狀態,子樹里隨時 context.watchcontext.read 即可使用;UI 結構保持純粹,邏輯與表現分離。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/84719.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/84719.shtml
英文地址,請注明出處:http://en.pswp.cn/web/84719.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

【軟考高級系統架構論文】論負載均衡技術在Web系統中的應用

論文真題 負載均衡技術是提升Web系統性能的重要方法。利用負載均衡技術&#xff0c;可將負載(工作任務)進行平衡、分攤到多個操作單元上執行&#xff0c;從而協同完成工作任務&#xff0c;達到提升Web系統性能的目的。 請圍繞“負載均衡技術在Web系統中的應用”論題&#xff…

pyqt5工具-串口調試工具

目錄 功能界面代碼功能 串口設置:支持選擇串口、波特率、數據位、停止位和校驗位 串口操作:掃描串口、打開 / 關閉串口連接 數據收發: 支持文本和 Hex 模式顯示與發送 可設置自動添加換行符 接收區自動滾動 支持中文顯示 輔助功能:清空接收區、狀態欄顯示連接狀態 多串口管…

Mybatis-Plus支持多種數據庫

使用Mybatis-Plus進行數據庫的訪問&#xff0c;但是由于不同的數據庫有不同的方言&#xff0c;所以需要進行適配。 有2種實現方式&#xff1a; databaseId方式Mapper Location方式 指定databaseId方式 通過databaseId指定所使用的數據庫&#xff0c;選擇同步的SQL。 Mappe…

【系統分析師】2018年真題:綜合知識-答案及詳解

【第1題】 面向對象分析中&#xff0c;對象是類的實例。對象的構成成分包含了&#xff08;1&#xff09;&#xff0c;屬性和方法&#xff08;或操作&#xff09;。 (1)A.標識 B.消息 C.規則 D.結構 【解析】本題考查的是面向對象的基本概念 對象的三要素為&#xff1a;屬性…

從Git歷史中刪除大文件的完整解決方案

從Git歷史中刪除大文件的完整解決方案 當你意外提交了一個大文件導致無法推送到遠程倉庫時&#xff0c;可以按照以下步驟徹底從Git歷史中刪除這個大文件。 情況分析 首先確認你的問題屬于以下哪種情況&#xff1a; 大文件在最近一次提交中&#xff1a;相對容易處理大文件在…

[xiaozhi-esp32] 應用層(9種state) | 音頻編解碼層 | 雙循環架構

第三章&#xff1a;應用層 在第一章&#xff1a;開發板抽象層中&#xff0c;我們實現了硬件交互標準化&#xff1b;在第二章&#xff1a;通信協議層中&#xff0c;我們構建了云端通信橋梁。 現在需要將這些能力有機整合——這便是應用層的使命 應用層的本質 應用層是設備的…

Java 鎖升級的過程詳解

Java 鎖升級的過程詳解 Java 虛擬機(JVM)為了提高多線程并發的效率,對內置鎖(synchronized 關鍵字)的實現進行了一系列優化。這些優化體現在鎖的升級過程中,即當競爭程度從低到高變化時,鎖的狀態會從偏向鎖逐漸升級為輕量級鎖,最終升級為重量級鎖。這個過程是不可逆的…

使用vitis tcl腳本構建vitis app工程

一&#xff1a;最近重新學習了zynq系列開發&#xff0c;想著使用tcl創建工程&#xff0c;因此分享一下腳本例子 #!/bin/bashsource /tools/Xilinx/Vitis/2022.2/settings64.sh cd ../../ . ./script/project.sh cd app/script #tcl腳本只能在虛擬機桌面執行 xsct build_vitis…

電腦商城--購物車

加入購物車 1 購物車-創建數據表 1.使用use命令先選中store數據庫。 USE store; 2.在store數據庫中創建t_cart用戶數據表。 CREATE TABLE t_cart (cid INT AUTO_INCREMENT COMMENT 購物車數據id,uid INT NOT NULL COMMENT 用戶id,pid INT NOT NULL COMMENT 商品id,price BIG…

2024-2025學年度下期《網頁設計》期末模擬測試

一、 單選題 1. HTML文檔的根標簽是( ) A. <html> B. <head> C. <body> D. <!DOCTYPE> 2. 用于定義段落內容的標簽是&#xff1a;( ) A. <div> B. <p> C. <span> D. <br> 3. 網以下哪個屬性用于定義CSS內聯樣式…

搭建加解密網站遇到的問

本機向云服務器傳輸文件 用winscp 服務器在安裝 SSH 服務時自動生成密鑰對&#xff08;公鑰私鑰&#xff09; 為什么要有指紋驗證&#xff1f; 防止中間人攻擊&#xff08;Man-in-the-Middle&#xff09; 指紋驗證打破這個攻擊鏈&#xff1a; 小問題 安裝python時 ./confi…

CSS 制作學成在線網頁

1 項目結構 1.1 總結 2 網頁制作思路 3 header 區域 - 布局 3.1 通欄 3.2 logo 3.3 導航 3.4 搜索區域 3.5 用戶區域 4 banner 區域 4.1 左側側導航 4.2 右側課程表 5 精品推薦 6 推薦課程區域 參考鏈接&#xff1a; 82-準備工作-項目目錄與版心_嗶哩嗶哩_bilibili

圖靈完備之路(數電學習三分鐘)----門的多路化

上一章中我們學習了如何用與非門實現其他邏輯門&#xff0c;但上節中的輸入信號始終為2&#xff0c;但在現實中&#xff0c;輸入的信號數量是不確定的&#xff0c;所以我們需要設計多輸入的門&#xff1a; 1.三路與非門&#xff08;卡諾圖法&#xff09; 我們還是從與非門開始…

【前端】二進制文件流下載(get、post)再談一次

最近二進制文件流下載可謂是又出幺蛾子&#xff0c;翻閱以前的文章也找不到解決方案&#xff0c;感覺還是沒用完全理解&#xff0c;這次再整理一遍。 先說一個通用場景&#xff0c;就是無論get還是post在接口請求的時候設定好 headers: { Content-Type: application/json;cha…

uv功能介紹和完整使用示例總結

以下是關于 UV 工具的完整使用示例總結,結合其核心功能與典型場景,幫助用戶快速上手并高效管理 Python 項目: 一、安裝與配置 快速安裝 macOS/Linux:curl -LsSf https://astral.sh/uv/install.sh | shWindows:powershell -ExecutionPolicy ByPass -c "irm https://as…

MySQL啟動報錯“mysqld_safe Directory ‘/var/lib/mysql‘ don‘t exists“終極解決方案!從入門到高階全攻略

在MySQL的使用過程中&#xff0c;啟動報錯mysqld_safe Directory /var/lib/mysql dont exists是開發者經常遇到的問題。這個錯誤看似簡單&#xff0c;實則可能涉及目錄權限、系統配置、文件系統等多個方面。本文將結合官方文檔與實際經驗&#xff0c;從基礎到高級&#xff0c;為…

python 常見數學公式函數使用詳解

Python 數學公式與函數大全 Python 提供了豐富的數學計算支持&#xff0c;包括內置函數、標準庫&#xff08;math、cmath、numpy&#xff09;和第三方庫&#xff08;sympy、scipy&#xff09;。以下是常用數學公式和函數的分類整理&#xff1a; 1. 基本數學運算 1.1 算術運算…

阿里云服務器+寶塔面板發布網站

一、租用服務器 &#xff08;1&#xff09;、進入官網 阿里云-計算&#xff0c;為了無法計算的價值阿里云——阿里巴巴集團旗下公司&#xff0c;是全球領先的云計算及人工智能科技公司之一。提供免費試用、云服務器、云數據庫、云安全、云企業應用等云計算服務&#xff0c;以…

langchain框架中各種Agent(LLMSingleAgent ReactAgent Plan-and-Execute Agent)原理方式對比

在LangChain框架中&#xff0c;LLMSingleActionAgent與ReAct Agent及其他Agent類型在內部原理上存在顯著差異&#xff0c;主要體現在推理機制、行動策略、動態性等方面。以下結合實例進行詳細說明&#xff1a; 1. LLMSingleActionAgent的內部原理 LLMSingleActionAgent是LangC…

AI+預測3D新模型百十個定位預測+膽碼預測+去和尾2025年6月22日第116彈

從今天開始&#xff0c;咱們還是暫時基于舊的模型進行預測&#xff0c;好了&#xff0c;廢話不多說&#xff0c;按照老辦法&#xff0c;重點8-9碼定位&#xff0c;配合三膽下1或下2&#xff0c;殺1-2個和尾&#xff0c;再殺4-5個和值&#xff0c;可以做到100-300注左右。 (1)定…