SwiftUI中如何将NavigationSplitViewVisibility传递给子视图？

方法一：直接传递Binding #

NavigationSplitViewVisibility不需要遵循ObservableObject，你可以直接把columnVisibility的**绑定（Binding）**传给ContentView，这样ContentView就能通过绑定修改SideBarView里的状态。

修改后的代码：

struct SideBarView: View {
    @State var columnVisibility: NavigationSplitViewVisibility = .automatic
    @State private var selectedServer: Server?
    
    var body: some View {
        NavigationSplitView(columnVisibility: $columnVisibility, sidebar: {
            List(selection: $selectedServer) {
                // 你的列表内容
            }
        }, content: {
            if let server = selectedServer {
                // 传递columnVisibility的绑定
                ContentView(server: server, columnVisibility: $columnVisibility)
            }
        }, detail: {})
    }
}

struct ContentView: View {
    @ObservedObject var server: Server
    // 接收Binding类型的columnVisibility
    @Binding var columnVisibility: NavigationSplitViewVisibility
    
    init(server: Server, columnVisibility: Binding<NavigationSplitViewVisibility>) {
        self.server = server
        self._columnVisibility = columnVisibility
    }
    
    // 示例：在ContentView里修改栏状态
    var body: some View {
        Button("隐藏侧边栏") {
            columnVisibility = .detailOnly
        }
    }
}

方法二：用ObservableObject包装状态（适合复杂场景） #

如果你的项目需要更统一的状态管理，可以把columnVisibility放到一个遵循ObservableObject的ViewModel里，让SideBarView和ContentView都引用这个ViewModel。

代码示例：

// 定义ViewModel
class SplitViewViewModel: ObservableObject {
    @Published var columnVisibility: NavigationSplitViewVisibility = .automatic
}

struct SideBarView: View {
    @StateObject private var vm = SplitViewViewModel()
    @State private var selectedServer: Server?
    
    var body: some View {
        NavigationSplitView(columnVisibility: $vm.columnVisibility, sidebar: {
            List(selection: $selectedServer) {
                // 你的列表内容
            }
        }, content: {
            if let server = selectedServer {
                ContentView(server: server, vm: vm)
            }
        }, detail: {})
    }
}

struct ContentView: View {
    @ObservedObject var server: Server
    @ObservedObject var vm: SplitViewViewModel
    
    init(server: Server, vm: SplitViewViewModel) {
        self.server = server
        self.vm = vm
    }
    
    var body: some View {
        Button("切换到自动布局") {
            vm.columnVisibility = .automatic
        }
    }
}

关键说明 #

• 方法一更轻量化，适合简单场景，直接通过Binding传递状态，不需要额外的ViewModel。
• 方法二更适合多视图共享状态的复杂场景，把状态集中在ViewModel里，便于维护。

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