NavigationSplitView列可见性在iPhone上失效问题求助

你的代码在iPad上正常是因为iPad采用分栏布局，修改columnVisibility可以直接切换侧边栏和详情页的显示状态，但iPhone上NavigationSplitView会自动转为堆叠式导航（类似NavigationStack），此时修改columnVisibility无法触发视图切换——因为iPhone的布局是层级推送，不是并列分栏。

修改方案 #

通过结合导航链接和环境 dismissal，同时保留分栏可见性控制，让代码在iPad和iPhone上都能正常工作：

struct ContentView: View {
    @State var visibility: NavigationSplitViewVisibility = .all
    @Environment(\.dismiss) private var dismiss
    
    var body: some View {
        NavigationSplitView(columnVisibility: $visibility) {
            NavigationLink("Go to Detail View") {
                DetailView(visibility: $visibility, dismiss: dismiss)
            }
            .onTapGesture {
                // 针对iPad直接切换分栏
                visibility = .detailOnly
            }
        } detail: {
            DetailView(visibility: $visibility, dismiss: dismiss)
        }
    }
}

struct DetailView: View {
    @Binding var visibility: NavigationSplitViewVisibility
    var dismiss: DismissAction
    
    var body: some View {
        Text("Show Sidebar")
            .onTapGesture {
                // iPad切换回全部分栏，iPhone返回上一页
                if UIDevice.current.userInterfaceIdiom == .pad {
                    visibility = .all
                } else {
                    dismiss()
                }
            }
    }
}

关键改动说明 #

• 侧边栏使用NavigationLink：iPhone上点击会触发导航推送，跳转到详情页；iPad上点击同时触发onTapGesture切换分栏可见性，保证交互一致性。
• 详情页区分设备处理：通过UIDevice.current.userInterfaceIdiom判断设备类型，iPad修改visibility显示侧边栏，iPhone调用dismiss()返回上一页。
• 提取DetailView复用代码：避免重复编写详情页逻辑，让结构更清晰。

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