如何在Flutter的onGenerateRoute中使用UserProvider并检查登录状态？

这个问题我之前也碰到过，核心原因是你传入Router的context层级不对——MyApp的context处于MultiProvider的上层，根本无法访问到它子树里的UserProvider。下面给你两种可行的解决办法，我自己常用第一种：

方法一：抽分子Widget获取正确的Context #

我们把MaterialApp单独抽成一个子Widget，这样这个子Widget的context就处于MultiProvider的子树中，能正常获取到UserProvider：

修改main.dart #

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MultiProvider(
      providers: <SingleChildCloneableWidget>[
        ChangeNotifierProvider(builder: (_) => BottomNavigationBarProvider()),
        ChangeNotifierProvider(builder: (_) => UserProvider()),
      ],
      // 把MaterialApp放到子Widget中
      child: _MyMaterialApp(),
    );
  }
}

// 新增的子Widget，它的context能访问到MultiProvider里的所有Provider
class _MyMaterialApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      initialRoute: '/',
      // 这里传入当前的context给Router的generateRoute方法
      onGenerateRoute: (settings) => Router.generateRoute(context, settings),
      title: 'Title',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
    );
  }
}

修改Router.dart #

class Router {
  // 改成带context参数的静态方法
  static Route<dynamic> generateRoute(BuildContext context, RouteSettings settings) {
    // 使用listen: false，因为我们只需要当前登录状态，不需要监听状态变化
    final UserProvider userProvider = Provider.of<UserProvider>(context, listen: false);
    final isLogged = userProvider.isLogged();

    // 这里可以根据登录状态自定义路由跳转逻辑
    // 比如：访问/home但未登录时，自动跳转到登录页
    if (settings.name == '/home' && !isLogged) {
      return MaterialPageRoute(builder: (_) => LoginPage());
    }

    // 原有路由逻辑
    switch (settings.name) {
      case '/':
        // 根路由根据登录状态跳转不同页面
        return MaterialPageRoute(builder: (_) => isLogged ? HomePage() : LoginPage());
      case '/login':
        return MaterialPageRoute(builder: (_) => LoginPage());
      case '/register':
        return MaterialPageRoute(builder: (_) => RegisterPage());
      case '/terms':
        return MaterialPageRoute(builder: (_) => TermsPage());
      case '/home':
        return MaterialPageRoute(builder: (_) => HomePage());
      default:
        return MaterialPageRoute(
          builder: (_) => Scaffold(
            body: Center(child: Text('No route defined for ${settings.name}')),
          ),
        );
    }
  }
}

方法二：在路由Builder中处理登录状态 #

如果你不想抽分子Widget，也可以在每个路由的builder函数里获取Provider并判断状态，不过这种方式会稍微繁琐一点：

class Router {
  static Route<dynamic> generateRoute(RouteSettings settings) {
    switch (settings.name) {
      case '/home':
        return MaterialPageRoute(builder: (context) {
          final UserProvider userProvider = Provider.of<UserProvider>(context, listen: false);
          if (!userProvider.isLogged()) {
            // 未登录则返回登录页
            return LoginPage();
          }
          return HomePage();
        });
      // 其他路由逻辑...
      default:
        return MaterialPageRoute(
          builder: (_) => Scaffold(
            body: Center(child: Text('No route defined for ${settings.name}')),
          ),
        );
    }
  }
}

这种方式的好处是不需要修改main.dart，但如果有多个路由需要判断登录状态，代码会重复。

关键注意点 #

• 永远不要用Provider上层的context去获取子树里的Provider，这是你之前报错的核心原因。
• 使用Provider.of<T>(context, listen: false)时，listen: false很重要——它告诉Flutter我们不需要监听Provider的状态变化，避免不必要的Widget重建。

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