Change Notifier Provider下动态首页不生效问题求助

我有一个具备isLoggedIn属性的AuthProvider，当前Widget设置如下：

Consumer<AuthProvider>(
  builder: (ctx, authProvider, _) {
    Widget initialScreen = const OnBoardingScreen1();
    if (authProvider.isLoggedIn) {
      initialScreen = const HomeScreen();
    }
    log(authProvider.isLoggedIn.toString());
    return MaterialApp(
      title: 'Flutter App',
      debugShowCheckedModeBanner: false,
      theme: AppTheme.lightTheme,
      home: initialScreen,
      onGenerateRoute: (settings) => RouteGenerator.getRoute(settings),
    );
  },
)

应用初始启动时，首页能根据isLoggedIn状态动态切换，符合预期；但当通过登录事件更新isLoggedIn后，尽管日志打印出true值，页面却并未切换到HomeScreen。请问该如何解决此问题？是否只能通过手动跳转至HomeScreen路由？

解决方案 #

原因分析 #

MaterialApp的home属性仅在组件初始化时生效，后续即使initialScreen变量更新，MaterialApp不会自动重建页面栈，因此无法触发页面切换。

方法一：调整Consumer与MaterialApp的层级（推荐） #

将MaterialApp作为顶层组件，把状态判断逻辑移到MaterialApp的home属性内部，让Consumer负责构建首页内容。这样当isLoggedIn状态变化时，Consumer会自动重建并切换页面：

MaterialApp(
  title: 'Flutter App',
  debugShowCheckedModeBanner: false,
  theme: AppTheme.lightTheme,
  home: Consumer<AuthProvider>(
    builder: (ctx, authProvider, _) {
      log(authProvider.isLoggedIn.toString());
      return authProvider.isLoggedIn 
          ? const HomeScreen() 
          : const OnBoardingScreen1();
    },
  ),
  onGenerateRoute: (settings) => RouteGenerator.getRoute(settings),
);

注意：确保AuthProvider中的isLoggedIn更新时调用了notifyListeners()（如果使用ChangeNotifier），否则Consumer无法感知状态变化。

方法二：手动触发路由跳转 #

如果需要保留原有层级结构，可在登录成功后手动调用路由替换方法，将当前页面栈替换为HomeScreen：

// 登录成功后的逻辑中添加
Navigator.of(context).pushReplacement(
  MaterialPageRoute(builder: (context) => const HomeScreen()),
);
// 或者通过RouteGenerator跳转
Navigator.of(context).pushReplacementNamed(RouteGenerator.homeRoute);

这种方式需要在登录事件中主动处理路由，但不如方法一符合状态驱动UI的设计思路。

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