[译][官方文档] 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(),
  ],
);

相关推荐
2501_946244785 小时前
Flutter & OpenHarmony OA系统设置页面组件开发指南
开发语言·javascript·flutter
l1340620823511 小时前
Flutter Geocoding 在鸿蒙上的使用指南
flutter·华为·harmonyos
AiFlutter12 小时前
三、内容展示(02):图片
flutter·低代码·低代码平台·aiflutter·aiflutter低代码
l1340620823512 小时前
344.在鸿蒙上使用 animations Flutter 包的指南
flutter·华为·harmonyos
2501_9462447813 小时前
Flutter & OpenHarmony OA系统底部导航栏组件开发指南
android·javascript·flutter
2501_9444460014 小时前
Flutter&OpenHarmony字体与排版设计
android·javascript·flutter
消失的旧时光-194314 小时前
mixin 写一个 Flutter 的“埋点 + 日志 + 性能监控”完整框架示例
android·flutter
消失的旧时光-194315 小时前
Flutter 工程中 mixin 的正确打开方式:5 种高质量设计范式 + mixin vs 继承 vs 组合 + 为什么它比 BasePage 更优雅
前端·flutter·架构
消失的旧时光-194315 小时前
Flutter 中 mixin 的完整认知体系——从原理、范式、架构选择到反模式(工程实战版)
flutter·架构
2501_9462447815 小时前
Flutter & OpenHarmony OA系统下拉刷新组件开发指南
开发语言·javascript·flutter