provider 的使用

當(dāng)我們想在多個(gè)頁面(組件/Widget)之間共享狀態(tài)(數(shù)據(jù)),或者一個(gè)頁面(組 件/Widget)中的多個(gè)子組件之間共享狀態(tài)(數(shù)據(jù)),這個(gè)時(shí)候我們就可以用 Flutter 中的狀 態(tài)管理來管理統(tǒng)一的狀態(tài)(數(shù)據(jù)),實(shí)現(xiàn)不同組件直接的傳值和數(shù)據(jù)共享。 現(xiàn)在 Flutter 的狀態(tài)管理方案很多,redux、bloc、state、provide、provider。 目前我們推薦使用 provider,這個(gè)是官方提供的狀態(tài)管理解決方案。相比其他狀態(tài)管理庫使 用起來比較方便。

  • 1.新建一個(gè)文件夾叫 provider,在 provider 文件夾里面放我們對于的狀態(tài)管理類
    1. 在 provider 里面新建 Counter.dart
    1. Counter.dart 里面新建一個(gè)類繼承 minxins 的 ChangeNotifier 代碼如下
import 'package:flutter/material.dart'; 
class Counter with ChangeNotifier { 
int _count = 0;
int get count => _count; 
void increment() { _count++; 
notifyListeners();
 } }

4.在main中修改

Widget build(BuildContext context) {
 return MultiProvider( providers: [ 
// Provider<Counter>.value(value: foo), 
ChangeNotifierProvider(builder: (_) => Counter()),
 ],
child: MaterialApp( 
// home: Tabs(), debugShowCheckedModeBanner: false, 
initialRoute: '/productContent',
 onGenerateRoute: onGenerateRoute, 
theme: ThemeData( 
// primaryColor: Colors.yellow 
primaryColor: Colors.white),
 ),); }
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容