Flutter Navigator传参后取参报错：type 'Null' is not a subtype of type 'String' in type cast

这个问题我之前开发Flutter时也碰到过，本质是你在强制类型转换时没有处理参数为null的场景，再加上可能存在参数传递、路由配置或者context使用时机的问题，导致了类型转换失败。下面给你几个分步解决的方案：

1. 先确保传递的参数id本身不为null #

你在调用pushNamed时，如果id是null，那接收方自然拿不到有效的String类型参数。所以传递前最好加个非空判断：

// 传递参数前先检查id是否有效
if (id != null) {
  Navigator.of(context).pushNamed(EditProductScreen.routeName, arguments: id);
} else {
  // 这里可以加个提示，比如弹个SnackBar告诉用户参数异常
  ScaffoldMessenger.of(context).showSnackBar(
    const SnackBar(content: Text('无效的产品ID')),
  );
}

2. 安全获取参数，避免强制类型转换 #

直接用as String或者!空断言都是很危险的，一旦参数为null就会崩溃。推荐用下面两种安全的方式：

方式一：类型判断+空处理 #

final productId = ModalRoute.of(context)?.settings.arguments;
// 先判断参数是否为String类型
if (productId is String) {
  // 在这里放心使用productId
  print('获取到的产品ID：$productId');
} else {
  // 参数无效时，比如跳回上一页或者做其他处理
  Navigator.of(context).pop();
}

方式二：先转为可空String再判断 #

// 先把参数转为可空的String类型
final productId = ModalRoute.of(context)?.settings.arguments as String?;
if (productId == null) {
  // 参数为空时的处理逻辑，比如返回上一页
  Navigator.pop(context);
  return;
}
// 后续正常使用productId即可

3. 检查路由配置是否正确 #

确保EditProductScreen已经在MaterialApp的routes里正确注册了，不然参数可能无法正常传递：

MaterialApp(
  title: 'Your App',
  routes: {
    // 确保路由名称和你使用的routeName一致
    EditProductScreen.routeName: (context) => const EditProductScreen(),
    // 其他路由...
  },
);

4. 注意context的使用时机 #

如果你是在initState里获取参数，直接调用ModalRoute.of(context)会有问题，因为此时widget还没完全挂载到树上。这种情况可以用WidgetsBinding.instance.addPostFrameCallback来延迟获取：

@override
void initState() {
  super.initState();
  // 等widget渲染完成后再获取参数
  WidgetsBinding.instance.addPostFrameCallback((_) {
    final productId = ModalRoute.of(context)?.settings.arguments as String?;
    if (productId != null) {
      // 在这里处理参数初始化逻辑
    }
  });
}

按照上面的步骤排查和修改，应该就能解决你的问题了。

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