登录按钮内Navigator跳转失效，请求技术排查

• 路由未注册：确认MaterialApp/CupertinoApp的routes配置中，是否存在/supplier_home对应的页面映射。示例正确配置如下：

  MaterialApp(
    routes: {
      '/supplier_home': (context) => SupplierHomePage(),
    },
  )
  

• 上下文（Context）无效：当前按钮所在组件的context可能未关联到Navigator所在层级。可以通过两种方式解决：

  1. 用Builder包裹按钮组件，获取正确的上下文：

     Builder(
       builder: (context) {
         return Padding(
           padding: const EdgeInsets.only(right: 8),
           child: YellowButton(
             label: 'Sign Up',
             onPressed: () => Navigator.pushReplacementNamed(context, '/supplier_home'),
             width: 0.25,
           ),
         );
       },
     )
     

  2. 使用GlobalKey直接获取Navigator状态：

     final GlobalKey<NavigatorState> navigatorKey = GlobalKey<NavigatorState>();
     // 在MaterialApp中配置navigatorKey: navigatorKey
     // 跳转时调用：
     navigatorKey.currentState?.pushReplacementNamed('/supplier_home');
     

• 自定义按钮组件回调未正确传递：检查YellowButton内部是否正确转发了onPressed参数。如果组件内部硬写了空回调或未使用传入的参数，会导致跳转逻辑失效。示例正确实现：

  class YellowButton extends StatelessWidget {
    final String label;
    final VoidCallback? onPressed;
    final double width;
  
    const YellowButton({super.key, required this.label, this.onPressed, required this.width});
  
    @override
    Widget build(BuildContext context) {
      return ElevatedButton(
        style: ElevatedButton.styleFrom(backgroundColor: Colors.yellow),
        onPressed: onPressed, // 必须直接使用传入的回调
        child: Text(label),
      );
    }
  }
  

• 路由替换逻辑冲突：pushReplacementNamed会替换当前栈顶路由，如果当前页面是栈底路由（如初始页面），可能出现异常。可以先改用pushNamed测试跳转是否正常，再排查页面栈状态问题：

  Navigator.pushNamed(context, '/supplier_home');
  

• 全局路由拦截或状态拦截：检查是否存在全局路由拦截器（如onGenerateRoute）或状态管理逻辑（如Provider、Bloc），是否在拦截路由跳转（比如未满足条件时阻止跳转）。

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