如何在viewDidLoad()中显示Bottom Sheet？MDCBottomSheetController实现方法

嘿，这个问题我之前做项目时也碰到过——官方示例都是按钮触发，但要在页面加载时自动弹其实也很简单，只是要注意viewDidLoad阶段视图还没完成布局这个坑，直接弹会有布局异常。下面给你具体的实现步骤，用MDCBottomSheetController搞定：

第一步：准备Bottom Sheet的内容视图 #

先创建你自己的内容视图控制器（比如叫MapBottomSheetVC），把要展示的内容（比如筛选选项、信息卡片）放到这个控制器里，这个和官方按钮触发的示例逻辑一致。

第二步：在地图页面的viewDidLoad中编写弹窗逻辑 #

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 1. 初始化内容控制器和Bottom Sheet控制器
    let sheetContentVC = MapBottomSheetVC()
    let bottomSheet = MDCBottomSheetController(contentViewController: sheetContentVC)
    
    // 2. 可选：自定义弹窗配置
    // 设置初始高度，比如占屏幕的1/3
    bottomSheet.preferredContentSize = CGSize(width: view.bounds.width, height: view.bounds.height / 3)
    // 关闭拖动关闭（如果不需要用户拖动关闭的话）
    bottomSheet.dismissOnDraggingDownSheet = false
    
    // 3. 关键：延迟执行弹窗操作
    // viewDidLoad时视图还没布局完成，直接present会出问题，用main队列异步执行
    DispatchQueue.main.async { [weak self] in
        guard let self = self else { return }
        self.present(bottomSheet, animated: true, completion: nil)
    }
}

更稳妥的替代方案：用viewDidAppear #

如果觉得DispatchQueue.main.async不够可靠（比如某些复杂布局场景下还是会有问题），可以把弹窗逻辑放到viewDidAppear里，同时加个标记确保只弹一次：

private var hasShownBottomSheet = false

override func viewDidAppear(_ animated: Bool) {
    super.viewDidAppear(animated)
    
    guard !hasShownBottomSheet else { return }
    
    let sheetContentVC = MapBottomSheetVC()
    let bottomSheet = MDCBottomSheetController(contentViewController: sheetContentVC)
    present(bottomSheet, animated: true) { [weak self] in
        self?.hasShownBottomSheet = true
    }
}

注意事项 #

• 一定要用weak self避免循环引用，防止内存泄漏
• 如果你的Bottom Sheet需要和Google Map交互（比如弹窗里的按钮控制地图），直接通过代理或者闭包传递事件就行，和普通控制器间的通信逻辑一致
• 要是想调整弹窗的样式（比如圆角、背景色），可以通过MDCBottomSheetController的sheetView属性来定制

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