Flutter：打开Dialog后如何延迟1秒关闭BottomSheet？

你的问题核心是代码执行顺序不符合预期：当前逻辑是先弹出Dialog，再延迟关闭BottomSheet，所以Dialog会立刻显示。如果你的实际需求是关闭BottomSheet后延迟1秒再弹出Dialog（这是更合理的交互，避免两个弹窗叠加），只需调整代码执行顺序即可：

修改按钮点击逻辑 #

onPressed: () async {
  // 先关闭BottomSheet
  Navigator.pop(context);
  // 延迟1秒
  await Future.delayed(const Duration(seconds: 1));
  // 再弹出Dialog
  _openDialog(context);
},

额外优化：避免Context失效 #

关闭BottomSheet后，原Context可能脱离当前导航栈，建议修改_openDialog方法，使用根导航器确保Dialog正常弹出：

void _openDialog(BuildContext context) {
  showDialog(
    context: Navigator.of(context, rootNavigator: true),
    builder: (context) {
      return AlertDialog(
        title: const Text('This is a Dialog'),
        content: const Text('The previously opened bottom sheet is closed.'),
        actions: [
          TextButton(
            onPressed: () {
              Navigator.pop(context);
            },
            child: const Text('Close'),
          ),
        ],
      );
    },
  );
}

完整修改后的BottomSheetContent类 #

class BottomSheetContent extends StatelessWidget {
  const BottomSheetContent({super.key});

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: EdgeInsets.only(
        bottom: MediaQuery.of(context).viewInsets.bottom,
        top: 16,
        left: 16,
        right: 16,
      ),
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          const Text('This is the Bottom Sheet'),
          const SizedBox(height: 16),
          ElevatedButton(
            onPressed: () async {
              Navigator.pop(context);
              await Future.delayed(const Duration(seconds: 1));
              _openDialog(context);
            },
            child: const Text('Open Dialog'),
          ),
        ],
      ),
    );
  }

  void _openDialog(BuildContext context) {
    showDialog(
      context: Navigator.of(context, rootNavigator: true),
      builder: (context) {
        return AlertDialog(
          title: const Text('This is a Dialog'),
          content: const Text('The previously opened bottom sheet is closed.'),
          actions: [
            TextButton(
              onPressed: () {
                Navigator.pop(context);
              },
              child: const Text('Close'),
            ),
          ],
        );
      },
    );
  }
}

如果你确实需要先弹出Dialog、1秒后再关闭BottomSheet（这种交互会导致两个弹窗叠加），那原逻辑是正确的，Dialog立刻弹出属于预期行为。若这不是你想要的效果，按上述调整即可实现“关闭BottomSheet后延迟弹出Dialog”的交互。

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