关闭Sheet并重建主视图后SwiftUI出现内容帧偏移问题

问题概述 #

当授权状态变更时，通过修改id强制重建主视图并关闭所有弹出视图后，主视图子视图显示正常，但可点击区域发生偏移——比如“Open Bottom Sheet”按钮只能在非显示位置触发点击。该问题在Xcode 14.2/14.3、iPhone 14 Pro iOS 16.2环境下可复现，且特定场景不会触发：

• 用fullScreenCover替代sheet弹出视图
• 主视图本身以fullScreenCover方式呈现
• 移除主视图中的NavigationView
• 弹出并关闭其他非sheet类型的视图

问题原因 #

这是SwiftUI的已知Bug：当通过.id()强制重建包含NavigationView的视图层级，且此前有sheet被关闭时，SwiftUI的布局系统未能正确同步视觉渲染帧与可交互热区的位置，导致点击区域偏移。fullScreenCover采用全屏模态布局逻辑，和sheet的半屏模态布局机制不同，因此不会触发该问题；移除NavigationView后视图层级简化，也能规避布局同步错误。

解决方案 #

方案1：替换NavigationView为NavigationStack（iOS 16+） #

如果项目支持iOS 16及以上版本，用NavigationStack替代旧的NavigationView，新导航组件的布局逻辑更稳定，可直接解决该偏移问题：

struct MainView: View {
    @State private var bottomSheetIsPresented: Bool = false
    let onRestartSession: () -> Void

    var body: some View {
        NavigationStack { // 替换为NavigationStack
            Button("Open Bottom Sheet") {
                bottomSheetIsPresented.toggle()
            }
            .sheet(isPresented: $bottomSheetIsPresented) {
                BottomSheetView(onRestartSession: {
                    bottomSheetIsPresented = false
                    onRestartSession()
                })
            }
        }
    }
}

方案2：延迟视图重建 #

在关闭sheet后延迟一小段时间再触发视图重建，给SwiftUI足够时间完成布局同步：

struct RootView: View {
    @State var id = UUID()

    var body: some View {
        MainView(onRestartSession: {
            // 延迟0.1秒执行重建，适配布局同步节奏
            DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
                id = UUID()
            }
        })
        .id(id)
    }
}

方案3：优化视图刷新逻辑，避免全量重建 #

如果主视图的刷新不需要完全重建整个层级，可将需要随授权状态变更的内容拆分为子视图，仅针对子视图进行局部刷新：

// 拆分出需要刷新的子视图
struct MainContentView: View {
    var body: some View {
        Button("Open Bottom Sheet") {
            // 按钮逻辑
        }
    }
}

struct MainView: View {
    @State private var bottomSheetIsPresented: Bool = false
    @Binding var authUpdated: Bool // 用绑定状态驱动局部刷新
    let onRestartSession: () -> Void

    var body: some View {
        NavigationView {
            MainContentView()
                .id(authUpdated) // 仅重建子视图
                .sheet(isPresented: $bottomSheetIsPresented) {
                    BottomSheetView(onRestartSession: {
                        bottomSheetIsPresented = false
                        onRestartSession()
                    })
                }
        }
    }
}

总结 #

该问题并非你的代码逻辑错误，是SwiftUI在NavigationView+sheet+强制重建组合场景下的布局同步Bug。优先推荐使用NavigationStack（iOS16+）解决，这是最彻底的方案；若需兼容旧版本，延迟重建或局部刷新也能有效缓解问题。

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