如何将Stream Provider的值传递给Change Notifier Provider？

我正在使用两个Provider：一个是监听Firebase Auth变化的Stream Provider，用于决定显示首页还是认证页面。我希望将所有Auth变化同步写入另一个ChangeNotifier Provider的变量中，原因是我想通过单个Provider处理大部分功能，但不知道如何合并这两个Provider，因此想将Stream Provider中的当前uid传递给ChangeNotifier Provider，请问该如何实现？注：我使用的是Flutter的Provider包。

当前代码：

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return StreamProvider<ModelAuthUser?>.value(
      value: AuthService().user,
      initialData: null,
      child: ChangeNotifierProvider<GlobalsProvider>(
        create: (context) => GlobalsProvider(),
        child: Consumer<GlobalsProvider>(
          builder: (context, value, child) => const GetMaterialApp(
            title: 'MyApp',
            home: Wrapper(),
          ),
        )
      ),
    );
  }
} 

之前仅使用Stream Provider的代码：

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return StreamProvider<ModelUser?>.value(
      value: AuthService().user,
      initialData: null,
      child: GetMaterialApp(
        title: 'MyApp',
        home: Wrapper(),
      ),
    );
  }
}

步骤1：给GlobalsProvider添加更新方法 #

先在你的GlobalsProvider类里添加接收并更新uid的方法，确保数据变化时能通知监听者：

class GlobalsProvider extends ChangeNotifier {
  String? _currentUid;
  
  String? get currentUid => _currentUid;

  // 用于同步Auth的uid
  void updateCurrentUid(String? newUid) {
    if (_currentUid != newUid) {
      _currentUid = newUid;
      notifyListeners();
    }
  }
}

步骤2：在组件中同步Auth数据到GlobalsProvider #

你可以选择在Wrapper组件或者MyApp的中间层级处理同步逻辑，两种方案如下：

方案A：在Wrapper组件中处理同步

利用Wrapper原本就需要监听Auth状态的特性，同步更新GlobalsProvider：

class Wrapper extends StatelessWidget {
  const Wrapper({super.key});

  @override
  Widget build(BuildContext context) {
    final authUser = Provider.of<ModelAuthUser?>(context);
    final globalsProvider = Provider.of<GlobalsProvider>(context, listen: false);

    // 使用postFrameCallback确保组件构建完成后再更新
    WidgetsBinding.instance.addPostFrameCallback((_) {
      globalsProvider.updateCurrentUid(authUser?.uid);
    });

    // 原有的页面跳转逻辑
    return authUser == null ? const AuthScreen() : const HomeScreen();
  }
}

方案B：在MyApp中用Consumer2同步

如果不想在Wrapper里处理，可以用Consumer2同时监听两个Provider，直接在MyApp层级完成同步：

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return StreamProvider<ModelAuthUser?>.value(
      value: AuthService().user,
      initialData: null,
      child: ChangeNotifierProvider<GlobalsProvider>(
        create: (context) => GlobalsProvider(),
        child: Consumer2<ModelAuthUser?, GlobalsProvider>(
          builder: (context, authUser, globalsProvider, child) {
            // 当Auth用户变化时自动同步uid
            globalsProvider.updateCurrentUid(authUser?.uid);
            return const GetMaterialApp(
              title: 'MyApp',
              home: Wrapper(),
            );
          },
        ),
      ),
    );
  }
}

注意事项 #

• 调用Provider.of<GlobalsProvider>(context, listen: false)时，listen: false表示不监听该Provider的变化，仅用于更新数据，避免不必要的组件重绘。
• 如果需要同步ModelAuthUser的其他字段，可扩展updateCurrentUid方法为updateAuthUser，直接传递整个用户对象。

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