[译][官方文档] Flutter/Dart 状态管理库 Riverpod (十四)- 概要 - 日志和错误报告

原文链接:Logging and error reporting | Riverpod

pub:riverpod | Dart Package (flutter-io.cn)

译时版本: 2.4.9


之前翻译过 Riverpod 的官方文档,现在随着版本更新,官方文档又多了很多新内容,所以再补充翻译一下。

之前翻译过的内容,现在官方文档有中文了。
Flutter状态管理库Riverpod官方文档翻译汇总 - 掘金 (juejin.cn)


日志和错误报告

Riverpod原生提供了监听 provider 树中发生的所有事件的手段。

这可以用来记录所有事件的日志,或向远程服务报告错误。

这是通过使用 ProviderObserver 类并把它传递给 ProviderScope/ProviderContainer 实现的。

定义 ProviderObserver

ProviderObserver 是应当被继承的类。

它提供了多种可被重写的方法来监听事件:

  • didAddProvider ,当 provider 被添加到 provider 树时调用
  • didUpdateProvider ,当 provider 被更新时调用
  • didDisposeProvider ,当 provider 被清除时调用
  • providerDidFail ,当同步 provider 抛出错误时调用
dart 复制代码
class MyObserver extends ProviderObserver {
  @override
  void didAddProvider(
    ProviderBase<Object?> provider,
    Object? value,
    ProviderContainer container,
  ) {
    print('Provider $provider was initialized with $value');
  }

  @override
  void didDisposeProvider(
    ProviderBase<Object?> provider,
    ProviderContainer container,
  ) {
    print('Provider $provider was disposed');
  }

  @override
  void didUpdateProvider(
    ProviderBase<Object?> provider,
    Object? previousValue,
    Object? newValue,
    ProviderContainer container,
  ) {
    print('Provider $provider updated from $previousValue to $newValue');
  }

  @override
  void providerDidFail(
    ProviderBase<Object?> provider,
    Object error,
    StackTrace stackTrace,
    ProviderContainer container,
  ) {
    print('Provider $provider threw $error at $stackTrace');
  }
}

使用 ProviderObserver

现在定义了一个 observer (观察者),下面要使用它。

要使用它,应当将其传递给 ProviderScopeProviderContainer

less 复制代码
runApp(
  ProviderScope(
    observers: [
      MyObserver(),
    ],
    child: MyApp(),
  )
);
ini 复制代码
final container = ProviderContainer(
  observers: [
    MyObserver(),
  ],
);

相关推荐
hepherd1 小时前
Flutter - 原生交互 - 相机Camera - 曝光,缩放,录制视频
flutter·ios·dart
恋猫de小郭3 小时前
Flutter 应该如何实现 iOS 26 的 Liquid Glass ,它为什么很难?
android·前端·flutter
杉木笙3 小时前
Flutter 代码雨实现(矩阵雨)DLC 爆炸粒子
flutter·视觉设计
RichardLai889 小时前
[Flutter 进阶] - Flutter 与原生通讯 - 你了解多少?
android·前端·flutter
恋猫de小郭11 小时前
React Native 0.80 开始支持 iOS 预构建
android·前端·flutter
张风捷特烈11 小时前
每日一题 Flutter#11 | StatelessWidget 从诞生到 build 的流程
android·flutter·面试
ZFJ_张福杰21 小时前
【Flutter】Widget、Element和Render的关系-Flutter三棵树
flutter
vvilkim1 天前
Flutter JSON解析全攻略:使用json_serializable实现高效序列化
flutter·json
LinXunFeng1 天前
Flutter - GetX Helper 如何应用于旧页面
前端·flutter·开源
技术蔡蔡1 天前
从Google IO学习Flutter
flutter·google·google io