Flutter Navigator 锁定错误

导航跳转时提示报错

Assertion failed: >file:///D:/sdk/flutter/packages/flutter/lib/src/widgets/navigator.dart:4536:12 !_debugLocked is not true

报错原因:

Navigator 内部在处理一次导航(比如 pushpop)时,会将其锁定(_debugLocked = true),直到该导航操作完成。

你看到这个错误说明:

在正在执行 pushpoppushReplacement 等操作期间,又触发了新的导航请求。

例如,可能触发这个报错情形

build() 过程中触发导航

scss 复制代码
dart
@override
Widget build(BuildContext context) {
  Navigator.pushNamed(context, '/home'); // ❌ 错误:build 过程中导航
  return Container();
}
perl 复制代码
dart
onPressed: () {
  Navigator.pop(context); // 弹窗关闭
  Navigator.pushNamed(context, '/next'); // ❌ 同步立即 push,会报错
}

解决方法

使用 Future.microtask / WidgetsBinding.instance.addPostFrameCallback

推迟导航操作,等当前帧绘制完毕:

ini 复制代码
dart
WidgetsBinding.instance.addPostFrameCallback((_) {
  Navigator.pushNamed(context, '/home');
});

或者:

ini 复制代码
dart
Future.microtask(() {
  Navigator.pushNamed(context, '/home');
});

await 弹窗关闭之后再导航

dart 复制代码
dart
onPressed: () async {
  Navigator.pop(context); // 关闭弹窗
  await Future.delayed(Duration(milliseconds: 300)); // 等一会儿再导航
  Navigator.pushNamed(context, '/next');
}
相关推荐
吴敬悦6 小时前
在 Flutter 中集成 C/C++ 代码 BLE LC3( 基于 AI 教程 )
flutter·ai编程
hepherd1 天前
Flutter - 原生交互 - 相机Camera - 曝光,缩放,录制视频
flutter·ios·dart
恋猫de小郭1 天前
Flutter 应该如何实现 iOS 26 的 Liquid Glass ,它为什么很难?
android·前端·flutter
杉木笙1 天前
Flutter 代码雨实现(矩阵雨)DLC 爆炸粒子
flutter·视觉设计
RichardLai881 天前
[Flutter 进阶] - Flutter 与原生通讯 - 你了解多少?
android·前端·flutter
恋猫de小郭2 天前
React Native 0.80 开始支持 iOS 预构建
android·前端·flutter
张风捷特烈2 天前
每日一题 Flutter#11 | StatelessWidget 从诞生到 build 的流程
android·flutter·面试
ZFJ_张福杰2 天前
【Flutter】Widget、Element和Render的关系-Flutter三棵树
flutter
vvilkim2 天前
Flutter JSON解析全攻略:使用json_serializable实现高效序列化
flutter·json