Flutter 中 Provider 基本使用

最新推荐文章于 2025-07-21 13:10:42 发布

原创

最新推荐文章于 2025-07-21 13:10:42 发布 · 792 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flutter

文章介绍了Flutter中Provider库的使用，包括如何安装、创建ChangeNotifier类来管理状态，以及如何在Widget中获取和更新数据。Consumer组件用于实现局部刷新，减少不必要的构建。Selector则允许对数据进行转换并控制Widget的重建。此外，提到了Selector和Consumer的不同变体用于处理多个provider的情况。

前言：

Provider.of<XXX>(context).数据
Provider.of<XXX>(context).方法

ChangeNotifier：这个是真正数据（状态）存放的地方。我们自己创建的provider 是混入ChangeNotifier 的。

一安装

在pub.dev 上搜索provider

二在main中设置

三使用

1 > 创建一个count_provider 类

import 'package:flutter/foundation.dart';

// 实现基于ChangeNotifier的类 内部维护一个计数
// 当计数有变化的时候，同时感知所有的监听者
class CountProvider with ChangeNotifier {
  int _count = 0;
  int get count => _count;
  void increment() {
    _count++;
    // 这里一定要通知变化
    notifyListeners();
  }

  void reset() {
    _count = 0;
    notifyListeners();
  }
}

2> 在 Widget b