Flutter使用RouteObserver实现导航日志时route settings.name为null如何解决

出现路由名称全为null的问题只有两个核心诱因：

• 90%的场景是onGenerateRoute回调中创建MaterialPageRoute时，没有将入参的RouteSettings透传给MaterialPageRoute的settings字段。Flutter不会自动绑定路由配置，你不传的话路由实例的settings.name默认就是null。
• 剩余场景为手动调用Navigator.push/pop等跳转方法时，创建路由实例没有主动传入带name的RouteSettings参数，导致路由无名称信息。

1. 修复onGenerateRoute透传逻辑 #

你之前的错误写法大概率如下：

Route? onGenerateRoute(RouteSettings settings) {
  switch(settings.name) {
    case '/':
      return MaterialPageRoute(builder: (ctx) => HomePage());
    case '/about':
      return MaterialPageRoute(builder: (ctx) => AboutPage());
    default:
      return MaterialPageRoute(builder: (ctx) => NotFoundPage());
  }
}

修改为每个返回的MaterialPageRoute都透传入参的settings：

Route? onGenerateRoute(RouteSettings settings) {
  switch(settings.name) {
    case '/':
      return MaterialPageRoute(
        builder: (ctx) => HomePage(),
        settings: settings, // 新增这行透传配置
      );
    case '/about':
      return MaterialPageRoute(
        builder: (ctx) => AboutPage(),
        settings: settings, // 新增这行透传配置
      );
    default:
      return MaterialPageRoute(
        builder: (ctx) => NotFoundPage(),
        settings: settings, // 新增这行透传配置
      );
  }
}

2. 修复手动跳转场景的参数 #

如果存在不经过onGenerateRoute的手动跳转逻辑，你需要主动给路由实例配置带名称的RouteSettings：
错误写法：

Navigator.push(context, MaterialPageRoute(builder: (ctx) => AboutPage()));

正确写法：

Navigator.push(context, MaterialPageRoute(
  builder: (ctx) => AboutPage(),
  settings: const RouteSettings(name: '/about'),
));

修复完成后重新运行应用，RouteObserver即可正常获取前后路由的name值，输出你预期的PUSH FROM / TO /about格式日志。

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