SwiftUI NavigationSplitView点击菜单无法返回BuyersView根视图求助

实现了拆分导航（NavigationSplitView），左侧为菜单列表、右侧为详情页面。当前存在问题：当进入BuyersView内的AddBuyerView页面后，再次点击左侧菜单的「买家」选项，期望返回BuyersView的根视图，但实际仍停留在AddBuyerView页面。

核心思路是：当左侧菜单的「买家」选项被再次选中时，主动重置BuyersView内部的NavigationPath，从而回到其根视图。具体实现步骤如下：

步骤1：修改BuyersView，添加路径重置触发绑定 #

给BuyersView新增一个@Binding属性接收父视图的重置信号，同时添加监听逻辑，当信号触发时清空NavigationPath。

修改后的BuyersView代码：

struct BuyersView: View {
    @StateObject var viewModel = BuyersViewModel()
    @State var path = NavigationPath()
    // 新增：接收重置信号的绑定属性
    @Binding var shouldResetNavigation: Bool
    
    var body: some View {
        ZStack{
            NavigationStack(path: $path) {
                // 原有视图内容保持不变
                VStack{
                    CategoryView(categories: viewModel.fases, currentSelection: $viewModel.currentFase)
                    HStack{
                        Spacer()
                        NavigationLink("Add buyer", value: 0)
                            .padding()
                    }
                    List(viewModel.buyersCat){ buyer in
                        BuyerCellView(buyer: buyer)
                    }
                }
                .navigationDestination(for: Int.self) { _ in
                    AddBuyerView(path: $path, fases: viewModel.fases, medias: $viewModel.media)
                }.navigationDestination(for: Buyer.self) { buyer in
                    BuyerDetailView(buyer: buyer)
                }
            }
            .onChange(of: viewModel.currentFase, viewModel.filterFase)
            // 新增：监听重置信号，清空导航路径
            .onChange(of: shouldResetNavigation) { newValue in
                if newValue {
                    path = NavigationPath()
                    // 重置信号触发后恢复状态，避免重复触发
                    shouldResetNavigation = false
                }
            }
            
            if viewModel.isLoading {
                LoadingView()
            }
        }.task {
            viewModel.getBuyers()
        }.alert(item: $viewModel.alertItem) { alertItem in
            Alert(title: alertItem.title, message: alertItem.message, dismissButton: alertItem.dismissButton)
        }
    }
}

步骤2：修改ContentView，添加重置状态并传递给BuyersView #

在ContentView中新增@State属性控制重置信号，当currentOption切换到「买家」选项时触发该信号，并将绑定传递给BuyersView。

修改后的ContentView代码：

struct Option: Hashable{
    let title: String
    let imageName: String
}

struct ContentView: View {
    @State var currentOption : Option = .init(title: "Home", imageName: "house")
    // 新增：控制BuyersView导航重置的状态
    @State var resetBuyersNavigation = false
    let options: [Option] = [
        .init(title: "Home", imageName: "house"),
        .init(title: "Buyers", imageName: "person.2.fill"),
        .init(title: "Sellers", imageName: "house.lodge"),
        .init(title: "Budget", imageName: "line.3.horizontal.decrease.circle"),
        .init(title: "Hot", imageName: "bookmark.circle")
    ]

    var body: some View {
        NavigationSplitView {
            ListView(
                options: options,
                currentSelection: $currentOption
            )
        } detail: {
            switch currentOption{
            case options[1]:
                // 传递重置绑定给BuyersView
                BuyersView(shouldResetNavigation: $resetBuyersNavigation)
            case options[2]:
                SellersView()
            case options[3]:
                BudgetView()
            case options[4]:
                HotView()
            default:
                MainView()
            }
        }
        // 新增：切换到Buyers选项时触发重置信号
        .onChange(of: currentOption) { newOption in
            if newOption == options[1] {
                resetBuyersNavigation = true
            }
        }
    }
}

逻辑说明 #

1. 当用户点击左侧菜单的「买家」选项时，ContentView的currentOption切换为options[1]，触发onChange回调，将resetBuyersNavigation设为true。
2. BuyersView监听shouldResetNavigation的变化，当值为true时清空NavigationPath回到根视图，随后将shouldResetNavigation设为false，确保下次点击仍能触发重置。
3. AddBuyerView原有代码无需修改，保存按钮的路径重置逻辑保持正常工作。

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