Flutter Provider的使用

Posted 2021-09-17 安果移不动

需求：点击Dialog的ok按键更新外部的视图

首先创建Strore用于单独控制的变量

import 'package:flutter/material.dart';

class GiftStore with ChangeNotifier {
  bool _isShowGift=true;

  bool get isShowGfit => _isShowGift;

  void update(bool _) {
    _isShowGift = _ ?? false;
    notifyListeners();
  }
}

注册到Main中 他就是全局的了

  runApp(
    MultiProvider(
      providers: [
     
        ChangeNotifierProvider(create: (_) => GiftStore()),
      ],
      child: FlutterApp(),
    ),
  );

• 如何使用呢

可是使用 Consumer 控件拿到这个变量

     Consumer(builder: (context, GiftStore bean, child) {
                            return Visibility(
                           
                            );
                          })

• 如何更新呢

        Provider.of<GiftStore>(context, listen: false).update(false);