Flutter命名路由传参报错：Null无法转为ChatRoom类型

错误type 'Null' is not a subtype of type 'ChatRoom' in type cast的核心原因是：你在ChatRoomScreen中强制将ModalRoute.of(context)?.settings.arguments转换为ChatRoom，但实际该值为null。以下是针对性的解决方法：

一、优化参数传递方式（推荐） #

直接通过构造函数向ChatRoomScreen传递参数，替代从ModalRoute获取的方式，能在编译阶段就避免参数缺失问题：

1. 修改ChatRoomScreen，通过构造函数接收参数：

class ChatRoomScreen extends StatelessWidget {
  final ChatRoom chatRoom;
  // 移除const，因为需要接收外部参数
  const ChatRoomScreen({super.key, required this.chatRoom});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(chatRoom.chatName),
      ),
      body: Container(),
    );
  }
}

2. 修改AppRoutes，在路由生成时获取参数并传入页面：

class AppRoutes {
  Route onGenerateRoute(RouteSettings settings) {
    switch (settings.name) {
      
      case AppRoutesNames.chatRoom:
        // 先做非空校验，避免类型转换失败
        final chatRoomArgs = settings.arguments as ChatRoom?;
        if (chatRoomArgs == null) {
          return MaterialPageRoute(builder: (_) => const IncorrectRoute());
        }
        return MaterialPageRoute(
          builder: (_) => ChatRoomScreen(chatRoom: chatRoomArgs),
        );

      default:
        return MaterialPageRoute(builder: (_) => const IncorrectRoute());
    }
  }
}

二、排查跳转时的参数是否为null #

检查跳转代码中state.user[Constants.name]是否为null：

arguments: ChatRoom(chatName: state.user[Constants.name])

如果state.user[Constants.name]是null，会导致参数传递异常。可以添加非空处理：

arguments: ChatRoom(chatName: state.user[Constants.name] ?? '默认聊天名')

三、避免强制类型转换的风险 #

如果坚持通过ModalRoute获取参数，要先做非空判断，不要直接强制转换：

@override
Widget build(BuildContext context) {
  final args = ModalRoute.of(context)?.settings.arguments;
  if (args is! ChatRoom) {
    // 参数异常时的 fallback 处理，比如返回错误页面
    return const IncorrectRoute();
  }

  return Scaffold(
    appBar: AppBar(
      title: Text(args.chatName),
    ),
    body: Container(),
  );
}

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