Flutter迁移PopScope后Get.back()无法关闭AlertDialog求助

环境信息 #

Flutter环境 #

Flutter (Channel stable, 3.16.9, on macOS 14.3.1 23D60 darwin-arm64, locale en-TR)
Android toolchain - develop for Android devices (Android SDK version 33.0.0)
Xcode - develop for iOS and macOS (Xcode 15.2)
Chrome - develop for the web
Android Studio (version 2023.1)
VS Code (version 1.86.2)
Connected device (3 available)

GetX版本 #

get: ^4.6.6

问题描述 #

将原WillPopScope代码迁移至PopScope后，使用GetX的Get.back()无法关闭弹出的AlertDialog，反而直接触发页面返回，导致AlertDialog残留屏幕上。

原代码与迁移后代码 #

原WillPopScope代码 #

WillPopScope(
  onWillPop: () async {
    if (controller.selectedReasons.isNotEmpty) {
      _superDialogController.show(
        title: 'Do you want to exit?',
        description: 'If you exit, the report will not be sent to us.',
        primaryOption: AlertDialogButton(
          text: 'Stay',
          onTap: () async {
            Get.back();
          },
        ),
        secondaryOption: AlertDialogButton(
          text: 'Back',
          onTap: () async {
            controller.selectedReasons.clear();
            Get.back();
            Get.back();
          },
        ),
      );
    }
    return Future.value(true);
  },
  child: Scaffold(),
)

迁移后的PopScope代码 #

PopScope(
  canPop: controller.selectedReasons.isEmpty,
  onPopInvoked: (didPop) async {
    if (didPop) {
      return;
    }
    await _superDialogController.show(
      title: 'Do you want to exit?',
      description: 'If you exit, the report will not be sent to us.',
      primaryOption: AlertDialogButton(
        text: 'Stay',
        onTap: () async {
          Get.back(); // <- 期望关闭AlertDialog
        },
      ),
      secondaryOption: AlertDialogButton(
        text: 'Back',
        onTap: () async {
          controller.selectedReasons.clear();
          Get.back(); // <- 期望关闭AlertDialog
          Get.back(); // <- 期望返回上一页面
        },
      ),
    );
  },
  child: Scaffold(),
)

已尝试操作 #

• 检查onPopInvoked内的逻辑，确认Get.back()调用位置正确
• 查找PopScope与GetX对话框交互的相关问题及官方文档

预期与实际现象 #

• 预期效果：点击AlertDialog按钮时，先关闭对话框，再执行页面返回操作（仅"Back"按钮触发返回）
• 实际现象：点击按钮后，后方页面直接返回上一页，但AlertDialog仍停留在屏幕上，需点击其他区域才能关闭

解决方案 #

问题核心是PopScope的canPop设置与GetX导航栈的逻辑冲突，需调整控制逻辑：

1. 禁用PopScope自动返回，手动控制流程 #

将canPop设为false，避免Flutter原生导航提前触发页面返回，所有返回逻辑在onPopInvoked中手动处理：

PopScope(
  canPop: false, // 禁用原生自动返回
  onPopInvoked: (didPop) async {
    if (didPop) return;

    // 无选中项时直接返回
    if (controller.selectedReasons.isEmpty) {
      Get.back();
      return;
    }

    await _superDialogController.show(
      title: 'Do you want to exit?',
      description: 'If you exit, the report will not be sent to us.',
      primaryOption: AlertDialogButton(
        text: 'Stay',
        onTap: () {
          Get.back(); // 仅关闭对话框
        },
      ),
      secondaryOption: AlertDialogButton(
        text: 'Back',
        onTap: () {
          controller.selectedReasons.clear();
          Get.back(); // 先关闭对话框
          Get.back(); // 再返回上一页
        },
      ),
    );
  },
  child: Scaffold(),
)

2. 兼容Flutter原生导航（可选） #

如果GetX导航与PopScope仍存在冲突，可在关闭对话框后使用Flutter原生导航触发页面返回：

secondaryOption: AlertDialogButton(
  text: 'Back',
  onTap: () {
    controller.selectedReasons.clear();
    Get.back(); // 关闭对话框
    Navigator.of(context).pop(); // 触发原生页面返回
  },
),

3. 确认对话框的导航栈归属 #

确保_superDialogController.show()是通过GetX的Get.dialog()实现的，这样Get.back()才能正确作用于对话框；如果是自定义Overlay实现的对话框，需调整关闭逻辑对应到Overlay的移除操作。

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