禁用Flutter Web中的转义键导航

Question

在Flutter web上键入转义键时，Flutter执行Navigator.of(context).pop()。如何禁用此功能？

以下是我测试的场景，它们都产生了一致的功能：

• Mac上的Chrome、Windows上的Edge和DartPad 1.20.0
• MaterialApp、CupertinoApp和WidgetsApp
• 调试模式和发布模式

我可以使用WillPopScope禁用它，但这也禁用了在浏览器中按下后退按钮。我仍然希望允许用户使用浏览器进行导航，所以这不是一个可行的选择。

附带问题：有人知道为什么这是默认功能吗？这不是网站上的预期行为(不包括弹出菜单(。

Answer 1

Flutter web(以及桌面(使用Esc快捷方式来取消模式对话框或弹出菜单。此绑定是在WidgetsApp.defaultShortcuts中的应用程序级别定义的，不幸的是，它也会影响Navigator。当然，页面之间的导航键盘快捷键应该有所不同，但目前Flutter web的状态是beta，一些功能仍在开发中。

作为一种变通方法，我们可以从MaterialApp:中删除此快捷方式

class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
final shortcuts = Map.of(WidgetsApp.defaultShortcuts)
..remove(LogicalKeySet(LogicalKeyboardKey.escape));
return MaterialApp(
shortcuts: shortcuts,
home: HomePage(),
);
}
}

并且必须根据需要在本地恢复一个：

Future<void> openDialog(BuildContext context) async {
final shortcuts = Shortcuts.of(context).shortcuts;
final key = LogicalKeySet(LogicalKeyboardKey.escape);
shortcuts[key] = WidgetsApp.defaultShortcuts[key];
await showDialog(
context: context,
builder: (BuildContext context) {
return AlertDialog(
title: Text("Alert Dialog"),
content: Text("Dialog Content"),
);
},
);
shortcuts.remove(key);
}