Flutter获取可选路由参数报错「Bad state: No element」求助

你的错误核心在于强制非空断言!的滥用：
ModalRoute.of(context as BuildContext)!里的!会强制要求ModalRoute.of(context)必须返回非空值，但当未传递路由参数时，这个方法可能返回null，直接触发Bad state: No element错误——这类断言失败的错误发生在Widget构建阶段，框架层面的错误通常无法通过普通try/catch捕获。

另外代码里存在笔误：editRecipe =应该改为editObject =，否则会导致变量未正确赋值的逻辑问题。

修正后的代码 #

Object? editObject;
bool edited = false;
bool loaded = false;

@override
Widget build(BuildContext context) {
  if (!loaded) {
    loaded = true;
    // 去掉强制非空断言，用?.进行安全访问
    editObject = ModalRoute.of(context)?.settings.arguments as Object?;
    if (editObject != null) {
      edited = true;
      // 填充UI信息的逻辑
    }
  }
  // 返回你的页面Widget，示例：
  return Scaffold(body: Container());
}

额外优化建议 #

1. 无需用late修饰Object? editObject，可空类型默认值为null，直接声明即可。
2. 若使用StatefulWidget，更推荐在initState中处理路由参数（通过addPostFrameCallback确保context可用），避免在build方法中执行初始化逻辑：

@override
void initState() {
  super.initState();
  WidgetsBinding.instance.addPostFrameCallback((_) {
    editObject = ModalRoute.of(context)?.settings.arguments as Object?;
    if (editObject != null) {
      edited = true;
      setState(() {}); // 触发UI更新
    }
  });
}

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