當我們想在多個頁面(組件/Widget)之間共享狀態(tài)(數(shù)據(jù))彤恶,或者一個頁面(組 件/Widget)中的多個子組件之間共享狀態(tài)(數(shù)據(jù)),這個時候我們就可以用 Flutter 中的狀 態(tài)管理來管理統(tǒng)一的狀態(tài)(數(shù)據(jù))允华,實現(xiàn)不同組件直接的傳值和數(shù)據(jù)共享。 現(xiàn)在 Flutter 的狀態(tài)管理方案很多更米,redux爬舰、bloc、state屁药、provide粥血、provider。 目前我們推薦使用 provider酿箭,這個是官方提供的狀態(tài)管理解決方案复亏。相比其他狀態(tài)管理庫使 用起來比較方便。
- 1.新建一個文件夾叫 provider缭嫡,在 provider 文件夾里面放我們對于的狀態(tài)管理類
- 在 provider 里面新建 Counter.dart
- Counter.dart 里面新建一個類繼承 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),
),); }