Flutter新手求助：如何在main.dart中正确使用多个ChangeNotifierProvider

嘿，我看了你这段代码，问题主要出在MultiProvider的使用方式和Widget结构上，咱们一步步来把它理顺：

核心问题分析 #

1. 过早访问ThemeChanger Provider
   在MyApp的build方法里，你在MultiProvider还没完成构建时就调用了Provider.of<ThemeChanger>(context)——这时候这个Provider还没被注入到Widget树里，肯定会找不到，直接报错。

2. MultiProvider内错误使用child属性
   MultiProvider的设计是让所有注册的Provider共享同一个子树，你不需要给单个ChangeNotifierProvider加child，这会打乱Widget树的依赖层级，导致状态无法正确传递。

3. 重复的MaterialApp实例
   你现在同时存在两个MaterialApp（一个在Consumer里，一个在MaterialAppWithTheme），这会导致主题、路由等上下文混乱，完全没必要，只需要一个MaterialApp来承载所有状态即可。

修正后的完整代码 #

void main() async {
  var delegate = await LocalizationDelegate.create(
    fallbackLocale: 'en_US',
    supportedLocales: ['en_US', 'sv']);
  runApp(LocalizedApp(delegate, MyApp()));
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    var localizationDelegate = LocalizedApp.of(context).delegate;
    FlutterStatusbarcolor.setStatusBarWhiteForeground(false);
    
    return MultiProvider(
      providers: [
        // 注册Auth Provider
        ChangeNotifierProvider(create: (_) => Auth()),
        // 注册ThemeChanger Provider，不需要加child
        ChangeNotifierProvider<ThemeChanger>(
          create: (_) => ThemeChanger(
            CustomThemes.lightTheme.copyWith(
              textTheme: CustomThemes.textTheme(CustomThemes.lightTheme.textTheme)
            ),
          ),
        ),
      ],
      // 使用MultiConsumer同时监听Auth和ThemeChanger的状态变化
      child: MultiConsumer2<Auth, ThemeChanger>(
        builder: (ctx, auth, theme, _) => MaterialApp(
          title: translate('appbar.title_app'),
          localizationsDelegates: [
            GlobalMaterialLocalizations.delegate,
            GlobalWidgetsLocalizations.delegate,
            localizationDelegate
          ],
          supportedLocales: localizationDelegate.supportedLocales,
          locale: localizationDelegate.currentLocale,
          // 直接从ThemeChanger实例获取主题
          theme: theme.getTheme(),
          color: theme.getTheme().primaryColor,
          // 根据Auth状态决定首页
          home: auth.isAuth ? MdDrawer(title: AppStrings.appTitle) : AuthenticationScreen(),
          debugShowCheckedModeBanner: false,
        ),
      ),
    );
  }
}

// 移除多余的MaterialAppWithTheme类

关键修正点说明 #

• 把对ThemeChanger的访问移到了MultiConsumer内部，此时两个Provider都已经注入到Widget树中，可以正常获取状态。
• 去掉了单个Provider的child属性，让所有Provider作用于同一个子树。
• 使用MultiConsumer2（需要确保provider包版本足够新）同时监听两个状态，这样当Auth状态变化（登录/登出）或者主题切换时，MaterialApp都会自动更新。
• 移除了多余的MaterialAppWithTheme，简化了Widget结构，避免上下文冲突。

额外注意 #

确保你的pubspec.yaml里已经添加了正确的provider依赖：

dependencies:
  flutter:
    sdk: flutter
  provider: ^6.0.5 # 或者使用最新版本

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