Flutter 中使用Provide狀態(tài)管理

關(guān)于Provide

pubspec

dependencies:

  provide: ^1.0.2

具體使用

  • 創(chuàng)建
/// ChangeNotifier
import 'package:flutter/material.dart’;
/// Provide
import 'package:provide/provide.dart’;

class HomePageCarProvide with ChangeNotifier {
  int _value = 0;

  int get value => _value;

  HomePageCarProvide(this._value);

  void increment() {
    _value++;
    notifyListeners();
  }

  void decrement() {
    _value—;
    notifyListeners();
  }
}
  • 初始化
void main() {
  final providers = Providers()
    ..provide(Provider.function((context) => HomePageCarProvide(0)));

  runApp(ProviderNode(
    providers: providers,
    child: CounterApp(),
  ));
}
  • 接收方 Provide<HomePageCarProvide>(builder: (context, child, provide){})
class MyText extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: Provide<HomePageCarProvide>(builder: (context, child, provide) {
        return Text("${provide.value}”);
      }),
    );
  }
}
  • 發(fā)送方 Provide.value<HomePageCarProvide>(context)
class MyBtn extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final p = Provide.value<HomePageCarProvide>(context);
    return Container(
      child: RaisedButton(
        onPressed: () {
          p.increment();
        },
        child: Text("+”),
      ),
    );
  }
}

效果演示

flutter_provide.gif
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

  • 前言 今天偶然發(fā)現(xiàn)在谷歌爸爸的倉庫下出現(xiàn)了一個叫做flutter-provide的狀態(tài)管理框架,2月8日才第一次提...
    Vadaski閱讀 20,052評論 12 39
  • Swift1> Swift和OC的區(qū)別1.1> Swift沒有地址/指針的概念1.2> 泛型1.3> 類型嚴(yán)謹(jǐn) 對...
    cosWriter閱讀 11,621評論 1 32
  • http://liuxing.info/2017/06/30/Spring%20AMQP%E4%B8%AD%E6%...
    sherlock_6981閱讀 16,198評論 2 11
  • 一福身體好 二福財運(yùn)到 三福無煩惱
    塵蝶庵閱讀 174評論 0 0
  • 柏拉圖在2, 500年前說過:“任何一座城市,不論它的規(guī)模有多小,其實(shí)都分為兩個部分,一部分是窮人的城市,另一部分...
    張小路24閱讀 2,111評論 0 1

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