如何控制Flutter中showModalBottomSheet的默认pop行为并在弹出时赋值变量？

方法1：利用Navigator.pop传递返回值（推荐） #

这是最简洁的实现方式，在关闭BottomSheet时通过Navigator.pop传递数据，在调用showModalBottomSheet的地方接收并完成变量赋值：

// 定义需要赋值的变量
String? targetVariable;

// 调用弹窗并接收返回值
final result = await showModalBottomSheet<String>(
  context: context,
  builder: (context) {
    return Column(
      mainAxisSize: MainAxisSize.min,
      children: [
        ElevatedButton(
          onPressed: () {
            // 主动关闭弹窗时传递目标值
            Navigator.pop(context, "弹窗确认关闭的赋值");
          },
          child: const Text("确认关闭"),
        ),
      ],
    );
  },
);

// 处理所有关闭场景的赋值逻辑
if (result != null) {
  targetVariable = result;
} else {
  // 用户点击背景/返回键关闭时的默认赋值
  targetVariable = "弹窗默认关闭的赋值";
}

方法2：用WillPopScope拦截所有返回事件 #

如果需要在弹窗内部统一处理所有关闭场景的赋值逻辑（包括系统返回、背景点击、主动关闭），可以用WillPopScope包裹弹窗内容，拦截pop行为：

// 定义需要赋值的变量
String targetVariable = "初始值";

await showModalBottomSheet(
  context: context,
  enableDrag: true, // 开启拖拽关闭时，背景点击也会触发WillPopScope
  builder: (context) {
    return WillPopScope(
      onWillPop: () async {
        // 拦截系统返回/背景点击，先执行赋值
        targetVariable = "弹窗被动关闭的赋值";
        return true; // 返回true允许弹窗关闭
      },
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          ElevatedButton(
            onPressed: () {
              // 主动关闭时先赋值再关闭
              targetVariable = "弹窗主动关闭的赋值";
              Navigator.pop(context);
            },
            child: const Text("主动关闭"),
          ),
        ],
      ),
    );
  },
);

关于控制器的说明 #

你之前尝试的BottomSheetController主要用于控制弹窗的展开/收起状态，无法直接拦截pop行为，因此上述两种方法更适配你的需求。

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