如何在Widget树外部读取Riverpod Provider？电商应用遇空值问题

你创建的globalProviderContainer和App运行时实际使用的ProviderContainer不是同一个实例。通常我们会通过ProviderScope在Widget树的顶层创建容器，所有子Widget共享这个容器的状态；而你单独定义的全局容器没有和Widget树关联，里面自然没有存储用户浏览产品的映射数据，所以读取到空值。

获取Widget树中实际关联的ProviderContainer实例来读取状态，步骤如下：

1. 在App的主State类中混入WidgetsBindingObserver，并注册/移除观察者
2. 在didChangeAppLifecycleState方法中，通过当前State的context获取正确的容器

示例代码：

class _MyAppState extends State<MyApp> with WidgetsBindingObserver {
  @override
  void initState() {
    super.initState();
    // 注册生命周期观察者
    WidgetsBinding.instance.addObserver(this);
  }

  @override
  void dispose() {
    // 移除观察者，避免内存泄漏
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();
  }

  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    if (state == AppLifecycleState.paused) {
      // 获取Widget树中实际使用的ProviderContainer
      final container = ProviderScope.containerOf(context);
      final views = container.read(viewsCounterNotifierProvider);
      print(views);
      performBackgroundAction();
    }
  }

  @override
  Widget build(BuildContext context) {
    // 确保顶层是ProviderScope，所有子Widget共享这个容器
    return ProviderScope(
      child: MaterialApp(
        // 你的App配置
        home: const HomePage(),
      ),
    );
  }
}

• 确保viewsCounterNotifierProvider已经在Widget树中被使用过（比如某个子Widget读取过这个Provider），这样容器才会初始化并保存它的状态
• 不要随意创建独立的全局ProviderContainer，除非你明确需要隔离状态，否则会导致状态不一致的问题

内容的提问来源于stack exchange，提问作者Ijk