Flutter中如何判断showDialog/showModalBottomSheet哪个调用了我的组件？

最直接可靠的方式是给ModalsTeamManagement组件添加一个参数，用来标识它是被showDialog还是showModalBottomSheet调用的，组件内部就能根据这个参数调整属性。

步骤1：修改组件，添加区分参数 #

你可以用布尔值或者枚举实现，枚举的语义会更清晰：

方式一：使用布尔值 #

class ModalsTeamManagement extends StatelessWidget {
  final bool isBottomSheet;

  // 构造函数接收参数
  const ModalsTeamManagement({super.key, required this.isBottomSheet});

  @override
  Widget build(BuildContext context) {
    // 根据参数调整组件属性
    final padding = isBottomSheet 
        ? EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom)
        : EdgeInsets.all(16);

    return Container(
      padding: padding,
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          Text(isBottomSheet ? "底部弹窗样式" : "对话框样式"),
          // 其他需要根据调用方式调整的控件
        ],
      ),
    );
  }
}

方式二：使用枚举（更语义化） #

先定义枚举：

enum ModalCaller { dialog, bottomSheet }

然后修改组件：

class ModalsTeamManagement extends StatelessWidget {
  final ModalCaller caller;

  const ModalsTeamManagement({super.key, required this.caller});

  @override
  Widget build(BuildContext context) {
    final isBottomSheet = caller == ModalCaller.bottomSheet;
    // 后续逻辑和布尔值方式一致
    return Container(
      // ... 根据isBottomSheet调整属性
    );
  }
}

步骤2：调用时传入对应参数 #

修改按钮点击逻辑，给两个调用分别传入不同参数：

AppButton(
  onPressed: () async {
    await showModalBottomSheet(
      useSafeArea: true,
      enableDrag: true,
      context: context,
      isDismissible: true,
      isScrollControlled: true,
      // 底部弹窗传入true或ModalCaller.bottomSheet
      builder: (context) => const ModalsTeamManagement(isBottomSheet: true),
      // 枚举版本：builder: (context) => const ModalsTeamManagement(caller: ModalCaller.bottomSheet),
    );
    await showDialog(
      context: context,
      builder: (context) {
        // 对话框传入false或ModalCaller.dialog
        return const ModalsTeamManagement(isBottomSheet: false);
        // 枚举版本：return const ModalsTeamManagement(caller: ModalCaller.dialog);
      },
    );
  },
  child: const Text('Team Management'),
);

为什么不推荐从Context判断？ #

虽然可以通过Navigator或Overlay尝试判断当前路由类型，但Flutter内部的路由实现可能随版本变化，这种方式不稳定且代码可读性差。直接传参是最直观、最不易出错的方案。

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