Flutter：关闭Modal Bottom Sheet后首页面无法刷新的问题求助

你不需要用Navigator.pushReplacement重建页面，这种方法既低效又容易导致数据不同步。正确的做法是利用showModalBottomSheet的返回值机制，在关闭弹窗时把所选数据传递回Screen 1，然后直接更新Screen 1的状态即可。

步骤1：在Screen 1中接收弹窗返回的数据 #

打开Modal Bottom Sheet时，使用await等待弹窗返回的结果，拿到结果后调用setState更新UI：

// Screen 1中打开Modal的代码示例
onTap: () async {
  final selectedData = await showModalBottomSheet(
    context: context,
    isScrollControlled: true, // 开启全屏弹窗
    builder: (context) => YourModalBottomSheet(), // 你的弹窗组件
  );

  // 若返回数据不为空，更新Screen 1的状态
  if (selectedData != null) {
    setState(() {
      selectedLocation = selectedData;
      LocText = "${selectedData['city']}, ${selectedData['state']}";
    });
  }
},

步骤2：修改弹窗内的按钮逻辑，返回数据给Screen 1 #

调整你提供的InkWell的onTap逻辑，用await等待定位完成，然后通过Navigator.pop将数据返回给Screen 1，同时关闭弹窗：

InkWell(
  onTap: () async {
    if (locDenied) {
      var status = await Permission.location.status;
      if (status.isDenied) {
        openAppSettings();
        return; // 不关闭弹窗，等待用户设置权限后操作
      }
    } else {
      // 更新弹窗内的提示文本
      setState(() {
        LocText = 'Fetching Location...';
      });

      // 等待定位结果返回
      List<Placemark> placemarks = await getLocation();
      final selectedLocation = {
        'state': placemarks.first.administrativeArea,
        'city': placemarks.first.locality,
        'allIndia': false
      };

      // 返回数据并关闭弹窗
      Navigator.pop(context, selectedLocation);
    }
  },
  // 你的child代码不变
),

为什么你的原方法失效？ #

1. 异步数据未同步：getLocation是异步操作，你用then延迟赋值selectedLocation，但此时已经执行了Navigator.pop和pushReplacement，新的Screen 1实例创建时，定位数据还没获取完成，因此无法显示最新值。

2. 不必要的页面重建：pushReplacement会销毁原Screen 1并重建新实例，若selectedLocation不是StatefulWidget的状态变量，重建后数据会丢失；即使是状态变量，这种方式也完全没必要，直接更新原页面状态更高效。

注意事项 #

• 确保Screen 1是StatefulWidget，只有这样setState才能触发UI更新。
• 若弹窗内需要显示"Fetching Location..."的加载状态，也要在弹窗的State类中调用setState更新文本。

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