简化的资源分配与处置

懒加载

创建新类时减少大量的模板代码

支持 DevTools

更通用的调用 InheritedWidget 的方式（参考 Provider.of/Consumer/Selector）

提升类的可扩展性，整体的监听架构时间复杂度以指数级增长（如 ChangeNotifier，其复杂度为 O(N)）

Provider类结构图

image

Provider类说明

Nested组件

Nested: 简化树结构嵌套过深
SingleChildWidget: 单个子组件的组件，但是它与ProxyWidget不同，有一个build方法。
SingleChildStatelessWidget: 它是一个实现SingleChildWidget的StatelessWidget，必须使用buildWithChild构建子组件
SingleChildStatefulWidget: 它是一个实现SingleChildWidget的StatefulWidget，是与Nested兼容的StatefulWidget

Provider组件

Provider组件分为四大类，分别如下：

Nested系列

MultiProvider: 主要作用是提高代码可读性和减少重复代码，是将多个提供者合并成单个线性的组件提供者。

SingleChildStatefulWidget系列

Selector0: 它是Selector至Selector6的基类
Selector1-6: 它们是将Selector0与Provider.of结合使用的语法糖，继承自Selector0

SingleChildStatelessWidget系列

Consumer1-6: 消费者，只是调用了Provider.of，主要作用是从顶层获取Provider<T>并将其值传递给了builder。
InheritedProvider: InheritedWidget的通用实现，并且所有的继承自该类的都可以通过Provider.of来获取value
DeferredInheritedProvider: InheritedProvider的子类，用于监听流或者接收一个Future
StreamProvider: 监听流，并暴露出当前的最新值。
FutureProvider: 接收一个 Future，并在其进入 complete 状态时更新依赖它的组件。
ListenableProvider: 供可监听对象使用的特殊 provider，ListenableProvider 会监听对象，并在监听器被调用时更新依赖此对象的widgets。
ChangeNotifierProvider: 为 ChangeNotifier 提供的 ListenableProvider规范，会在需要时自动调用 ChangeNotifier.dispose。
ListenableProxyProvider0: 可见的代理提供者，主要是从其他提供者获取值。
ListenableProxyProvider1-6: 它是ListenableProvider的一个变体，继承ListenableProxyProvider0, 从其他提供者获取值
ChangeNotifierProxyProvider0: 主要用于构建和同步ChangeNotifier的ChangeNotifierProvider。
Provider: 最基础的 provider 组成，接收一个任意值并暴露它。
ProxyProvider0: 它公开的值会通过创建或更新构建，然后传递给 InheritedProvider。
ProxyProvider1-6: ProxyProvider0的语法糖。

InheritedContext系列

InheritedContext: 与InheritedProvider关联的BuildContext，提供公开的值
ReadContext: 公开读取方法
SelectContext: 在 BuildContext 上添加一个选择方法。
WatchContext: 公开 watch 方法。

Provider基本使用

第一步：添加依赖

本文中所有的代码都是基本空安全的，所有dart sdk版本为>=2.12.0 <3.0.0，目前官方最新版本为^6.0.1

environment:
  sdk: ">=2.12.0 <3.0.0"

dependencies:
  flutter:
    sdk: flutter

  provider: ^6.0.1

第二步：定义需要共享的数据

我们这里创建了一个类CountNotifier继承了ChangeNotifier，我们这里的案例是以计数器为案例，所有我们定义一个变量count，以及一个改变数值的increment方法，当我们调用increment后会对count进行+1，最后调用notifyListeners()来更新数据，代码如下：

import 'package:flutter/material.dart';

class CountNotifier with ChangeNotifier {

  int count = 0;

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

第三步：在应用程序入口初始化

我们在MaterialApp之前对定义的共享数据进行了初始化，代码如下：

import 'package:flutter/material.dart';
import 'package:flutter_provider_example/provider_count_example/count_notifier.dart';
import 'package:flutter_provider_example/provider_count_example/provider_count_example.dart';
import 'package:provider/provider.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider(
      create: (_) => CountNotifier(),
      child: MaterialApp(
        debugShowCheckedModeBanner: false,
        home: ProviderCountExample(),
      ),
    );
  }
}

第四步：使用共享数据

我们定义了一个counter变量来获取到共享的数据，更新数据的方法直接通过counter.increment()，获取数据的方法通过ounter.count.toString()来获取，代码如下：

import 'package:flutter/material.dart';
import 'package:flutter_provider_example/provider_count_example/count_notifier.dart';
import 'package:provider/provider.dart';

class ProviderCountExample extends StatefulWidget {
  @override
  _ProviderCountExampleState createState() => _ProviderCountExampleState();
}

class _ProviderCountExampleState extends State<ProviderCountExample> {

  @override
  Widget build(BuildContext context) {

    final counter = Provider.of<CountNotifier>(context);

    return Scaffold(
      appBar: AppBar(
        title: Text("InheritedWidget"),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: (){
          counter.increment();
        },
        child: Icon(Icons.add),
      ),
      body: Center(
        child: Text(counter.count.toString(),
          style: TextStyle(
              color: Colors.red,
              fontSize: 50
          ),
        ),
      ),
    );
  }
}

总结

以上是对Provider进行了介绍、优势、类结构和说明以及一个基本使用的例子，相对于使用InheritedWidget来说，显然Provider使用起来更简单。但是从它的提供者、消费者这些类来看稍微复杂，后面的章节中我们来讲讲这些类

网友评论

Flutter

本文标题：Flutter Provider状态管理---介绍、类图分析、基

本文链接：https://www.haomeiwen.com/subject/jhzgnltx.html

延伸阅读

深度阅读

您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

Flutter Provider状态管理---介绍、类图分析、基

文章系列

视频系列

源码仓库地址

介绍

Provider优势