一、Provider基本使用

在使用Provider的时候，我们主要关心三个概念：

ChangeNotifier：真正数据（状态）存放的地方ChangeNotifierProvider：Widget树中提供数据（状态）的地方，会在其中创建对应的ChangeNotifierConsumer：Widget树中需要使用数据（状态）的地方
我们先来完成一个简单的案例，将官方计数器案例使用Provider来实现：
第一步：创建自己的ChangeNotifier
我们需要一个ChangeNotifier来保存我们的状态，所以创建它

这里我们可以使用继承自ChangeNotifier，也可以使用混入，这取决于概率是否需要继承自其它的类我们使用一个私有的_counter，并且提供了getter和setter在setter中我们监听到_counter的改变，就调用notifyListeners方法，通知所有的Consumer进行更新
class CounterProvider extends ChangeNotifier {
int _counter = 100;
int get counter {
return _counter;
}
set counter(int value) {
_counter = value;
notifyListeners();
}
}

第二步：在Widget Tree中插入ChangeNotifierProvider
我们需要在Widget Tree中插入ChangeNotifierProvider，以便Consumer可以获取到数据：

将ChangeNotifierProvider放到了顶层，这样方便在整个应用的任何地方可以使用CounterProvider
void main() {
runApp(ChangeNotifierProvider(
create: (context) => CounterProvider(),
child: MyApp(),
));
}

第三步：在首页中使用Consumer引入和修改状态

引入位置一：在body中使用Consumer，Consumer需要传入一个builder回调函数，当数据发生变化时，就会通知依赖数据的Consumer重新调用builder方法来构建；引入位置二：在floatingActionButton中使用Consumer，当点击按钮时，修改CounterNotifier中的counter数据；

Consumer的builder方法解析：

参数一：context，每个build方法都会有上下文，目的是知道当前树的位置参数二：ChangeNotifier对应的实例，也是我们在builder函数中主要使用的对象参数三：child，目的是进行优化，如果builder下面有一颗庞大的子树，当模型发生改变的时候，我们并不希望重新build这颗子树，那么就可以将这颗子树放到Consumer的child中，在这里直接引入即可（注意我案例中的Icon所放的位置）

步骤四：创建一个新的页面，在新的页面中修改数据

二、Selector

Consumer是否是最好的选择呢？并不是，它也会存在弊端

比如当点击了floatingActionButton时，我们在代码的两处分别打印它们的builder是否会重新调用；我们会发现只要点击了floatingActionButton，两个位置都会被重新builder；但是floatingActionButton的位置有重新build的必要吗？没有，因为它是否在操作数据，并没有展示；如何可以做到让它不要重新build了？使用Selector来代替Consumer
Select的弊端
我们先直接实现代码，在解释其中的含义：
floatingActionButton: Selector(
selector: (ctx, provider) => provider,
shouldRebuild: (pre, next) => false,
builder: (ctx, counterPro, child) {
print(“floatingActionButton展示的位置builder被调用”);
return FloatingActionButton(
child: child,
onPressed: () {
counterPro.counter += 1;
},
);
},
child: Icon(Icons.add),
),

Selector和Consumer对比，不同之处主要是三个关键点：

关键点1：泛型参数是两个

泛型参数一：我们这次要使用的Provider泛型参数二：转换之后的数据类型，比如我这里转换之后依然是使用CounterProvider，那么他们两个就是一样的类型
关键点2：selector回调函数

转换的回调函数，你希望如何进行转换S Function(BuildContext, A) selector我这里没有进行转换，所以直接将A实例返回即可
关键点3：是否希望重新rebuild

Selector的使用
这个时候，我们重新测试点击floatingActionButton，floatingActionButton中的代码并不会进行rebuild操作。
所以在某些情况下，我们可以使用Selector来代替Consumer，性能会更高。

三、MultiProvider

在开发中，我们需要共享的数据肯定不止一个，并且数据之间我们需要组织到一起，所以一个Provider必然是不够的。
我们在增加一个新的ChangeNotifier
import ‘package:flutter/material.dart’;

class UserInfo {
String nickname;
int level;

UserInfo(this.nickname, this.level);
}

class UserProvider extends ChangeNotifier {
UserInfo _userInfo = UserInfo(“why”, 18);

set userInfo(UserInfo info) {
_userInfo = info;
notifyListeners();
}

get userInfo {
return _userInfo;
}
}

如果在开发中我们有多个Provider需要提供应该怎么做呢？
方式一：多个Provider之间嵌套

这样做有很大的弊端，如果嵌套层级过多不方便维护，扩展性也比较差
runApp(ChangeNotifierProvider(
create: (context) => CounterProvider(),
child: ChangeNotifierProvider(
create: (context) => UserProvider(),
child: MyApp()
),
));

方式二：使用MultiProvider
runApp(MultiProvider(
providers: [
ChangeNotifierProvider(create: (ctx) => CounterProvider()),
ChangeNotifierProvider(create: (ctx) => UserProvider()),
],
child: MyApp(),
));