SwiftUI中通过@FocusState弹出sheet时避免背景视图缩放

1. 规避Focus直接驱动Detent的即时切换 #

不要让@FocusState的变化直接触发sheet的detent切换，通过延迟触发给系统预留布局缓冲时间：

@FocusState private var isSearchFocused: Bool
@State private var sheetDetent: PresentationDetent = .medium

.onChange(of: isSearchFocused) { newValue in
    if newValue {
        DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
            sheetDetent = .large
        }
    } else {
        sheetDetent = .medium
    }
}

2. 强制锁定Sheet的Detent，阻止自动切换到Large #

键盘弹出时SwiftUI会自动将sheet推至large detent，这是.medium失效的核心原因。通过手动监听键盘高度，自定义detent高度来规避：

.sheet(isPresented: $showSheet) {
    SearchView()
        .focused($isSearchFocused)
        .presentationDetents([.medium, .large, .height(300)], selection: $sheetDetent)
        .presentationDragIndicator(.hidden)
        .onReceive(NotificationCenter.default.publisher(for: UIResponder.keyboardWillShowNotification)) { notification in
            guard let keyboardFrame = notification.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? CGRect else { return }
            let availableHeight = UIScreen.main.bounds.height - keyboardFrame.height
            sheetDetent = .height(availableHeight)
        }
        .onReceive(NotificationCenter.default.publisher(for: UIResponder.keyboardWillHideNotification)) { _ in
            sheetDetent = .medium
        }
}

3. 固定地图视图的布局，禁用自动调整 #

给底层地图视图（比如MKMapView的SwiftUI包装器）强制设置frame并忽略安全区，避免系统自动调整背景布局：

MapView() // 你的地图包装视图
    .ignoresSafeArea(.all)
    .frame(width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.height)
    .disabled(showSheet) // 可选：sheet展示时禁用地图交互，减少布局冲突

4. 自定义弹窗替代默认Sheet（极端场景） #

如果以上方法仍无法解决跳动问题，可放弃默认Sheet，用自定义底部弹窗实现完全控制：

• 用offset和DragGesture实现拖动交互，手动控制背景地图的透明度和缩放状态，彻底绕过SwiftUI的默认布局逻辑。

核心原因 #

SwiftUI默认Sheet在响应焦点、键盘事件时，会自动调整背景视图的缩放和偏移来适配弹窗；而地图视图（尤其是MKMapView）对布局变化敏感度极高，因此出现跳动。通过手动控制detent切换时机、锁定弹窗状态、固定地图布局，可以复刻Apple Maps的流畅交互。

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