PopScope 不起作用？在 Flutter 中使用 Navigator.popUntil 时需要注意的陷阱

2024-03-19 00:50:55

Flutter PopScope 不在 popUntil 中使用：一个常见的陷阱

问题：

在 Flutter 应用程序中，PopScope 组件用于拦截后退按钮事件。但是，当你尝试使用 PopScope 来拦截后退按钮事件，然后使用 Navigator.popUntil 方法导航到另一个屏幕时，你会发现无论 canPop 属性设置为 true 还是 false，popUntil 都不会起作用。

原因：

当 canPop 属性设置为 true 时，PopScope 会拦截后退按钮事件，并触发 onPopInvoked 回调。在回调中，你可以调用 Navigator.popUntil 方法，该方法允许你导航到应用程序中的任何一个屏幕。但是，如果你尝试导航到一个与当前屏幕不同的屏幕，这将导致应用程序崩溃，因为 PopScope 无法拦截来自其他屏幕的后退按钮事件。

解决方案：

解决此问题的办法是将 canPop 属性设置为 false。这将防止 PopScope 拦截后退按钮事件，并允许用户正常导航回上一个屏幕。

代码示例：

class MainScreen extends StatelessWidget {
  const MainScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return PopScope(
      canPop: false,
      onPopInvoked: (bool didPop) {
        Navigator.pop(context);
      },
      child: Scaffold(
        // ...
      ),
    );
  }
}