Flutter：Alert弹窗Navigator.pop传值返回Null的问题求助

问题描述 #

点击Alert弹窗的onConfirmBtnTap按钮后，页面回到上一屏，但InnerWidget中onTapFunction接收的reLoadPage值为null，预期应返回true。

原因分析 #

核心问题是导航栈层级错误：
你在Group页面调用Navigator.pop(context, true)时，这里的context是Alert弹窗的上下文，所以这个pop操作只是关闭了Alert弹窗，并没有关闭Group页面。而Group页面没有主动向上一级返回值，因此onTapFunction中await Navigator.push得到的结果就是null。

解决方案 #

有两种可行的修改方式：

方式1：分两次执行pop操作

在Alert弹窗的确认按钮点击事件中，先关闭弹窗，再关闭Group页面并传递值：

onConfirmBtnTap: () {
  debugPrint('product $productData removed');
  // 第一步：关闭Alert弹窗
  Navigator.pop(context);
  // 第二步：关闭Group页面，将true传递给上一级的Navigator.push
  Navigator.pop(context, true);
});

注意确保第二个pop使用的是Group页面的上下文，若弹窗是通过Group页面的context创建的，此写法即可生效。

方式2：利用showDialog的返回值处理（更清晰）

修改Group页面的按钮逻辑，等待弹窗的确认结果，再决定是否返回值：

onPressed: () async {
  storage.removeProduct(productData);
  if (!context.mounted) return;
  // 等待弹窗的确认操作结果
  final isConfirmed = await productDeletedSuccessDialog(context);
  if (isConfirmed == true && context.mounted) {
    // 确认后关闭Group页面，传递true给上一级
    Navigator.pop(context, true);
  }
},

同时修改弹窗函数，使其返回Future<bool?>：

Future<bool?> productDeletedSuccessDialog(BuildContext context) {
  return showDialog<bool>(
    context: context,
    builder: (context) => AlertDialog(
      title: const Text('删除成功'),
      content: const Text('商品已删除'),
      actions: [
        TextButton(
          onPressed: () => Navigator.pop(context, false),
          child: const Text('取消'),
        ),
        TextButton(
          onPressed: () => Navigator.pop(context, true),
          child: const Text('确认'),
        ),
      ],
    ),
  );
}

这种方式将弹窗交互和页面导航逻辑分离，代码可读性更高，也更容易维护。

额外提示 #

InnerWidget使用了UniqueKey()，这会导致父组件重建时InnerWidget被强制重新实例化。如果没有特殊的状态保留需求，建议移除UniqueKey()，避免不必要的组件重建。

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