Flutter使用Provider与Navigator实现登录后路由跳转的问题咨询

你代码的核心错误是初始化Auth类时传入的BuildContext不包含Navigator实例：
你在MyApp的build方法中创建Auth时，传入的是MyApp自身的构建上下文，此时MaterialApp还未挂载到该上下文对应的组件树中，因此该上下文无法找到Navigator实例，调用Navigator.of(context)时要么报错要么无响应。

方案1：业务逻辑与UI层分离（推荐） #

该方案耦合度更低，符合Flutter设计规范：

1. 修改Auth类，移除上下文持有，login方法仅做凭证校验，返回校验结果：

class Auth extends ChangeNotifier {
  // 移除context属性，不持有UI层上下文
  Future<bool> login() async {
    // 此处执行用户名、密码等凭证校验逻辑
    // 校验成功返回true，失败返回false
    return true;
  }
}

2. 修改MyApp初始化逻辑，无需给Auth传递上下文：

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider(
      create: (_) => Auth(),
      child: MaterialApp(
        initialRoute: "/login",
        routes: {
          "/login": (context) => LoginPage(),
          "/home": (context) => HomePage()
        },
      ),
    );
  }
}

3. 在LoginPage的点击事件中根据校验结果执行路由跳转，当前页面的上下文处于MaterialApp子树中，可正常获取Navigator实例：

ElevatedButton(
  onPressed: () async {
    bool loginSuccess = await Provider.of<Auth>(context, listen: false).login();
    if(loginSuccess) {
      Navigator.of(context).pushNamed("/home");
    }
  },
  child: Text("登录"),
)

方案2：全局NavigatorKey实现非UI层路由 #

如果你确实需要在Provider内部直接处理路由，可以通过全局Key获取Navigator实例，无需依赖上下文：

1. 定义全局NavigatorKey：

final GlobalKey<NavigatorState> navigatorKey = GlobalKey<NavigatorState>();

2. 给MaterialApp绑定该Key：

MaterialApp(
  navigatorKey: navigatorKey,
  initialRoute: "/login",
  routes: {
    "/login": (context) => LoginPage(),
    "/home": (context) => HomePage()
  },
)

3. 在Auth的login方法中直接调用全局Key完成跳转：

login() {
  // 凭证校验通过后执行跳转
  navigatorKey.currentState?.pushNamed("/home");
}

优先选择方案1实现，业务逻辑和UI层分离后续维护成本更低，也能避免上下文持有导致的内存泄漏风险。

内容的提问来源于stack exchange，提问作者Łukasz Niemkiewicz