SwiftUI模态弹窗出现重复Toolbar问题求助

你遇到的双Toolbar问题，核心原因是模态弹窗（sheet）的导航结构出现了重复嵌套，具体来说是外层NavigationStack与CreateLocationView内部的导航栏/Toolbar发生了叠加，或是当前NavigationSplitView的环境影响了sheet的默认导航栏显示。

以下是几种针对性的解决方法：

方法1：移除sheet外层多余的NavigationStack #

如果CreateLocationView内部已经包含了NavigationStack（比如自身带有导航标题、返回按钮或自定义Toolbar），那么sheet外层的NavigationStack完全是多余的，直接删除即可：

修改后的sheet代码片段：

.sheet(isPresented: $showCreate) {
    CreateLocationView()
        .presentationDetents([.large])
}

方法2：隐藏重复的导航栏（保留外层NavigationStack时） #

如果业务需要在sheet外层保留NavigationStack，可以通过显式隐藏系统默认导航栏来避免重复：

.sheet(isPresented: $showCreate) {
    NavigationStack {
        CreateLocationView()
    }
    .presentationDetents([.large])
    .toolbar(.hidden, for: .navigationBar) // 隐藏重复的导航栏
}

方法3：检查CreateLocationView的内部实现 #

打开CreateLocationView的代码，确认它是否额外嵌套了NavigationStack或添加了Toolbar。确保整个模态弹窗的导航结构只存在一层NavigationStack，避免多层嵌套导致的重复显示。

举个例子，如果CreateLocationView内部已经有导航结构：

struct CreateLocationView: View {
    @Environment(\.dismiss) private var dismiss
    
    var body: some View {
        NavigationStack {
            Form {
                // 表单内容
            }
            .navigationTitle("新建地点")
            .toolbar {
                ToolbarItem(placement: .confirmationAction) {
                    Button("保存") {
                        dismiss()
                    }
                }
            }
        }
    }
}

这种情况下必须移除sheet外层的NavigationStack，否则必然出现双层Toolbar。

内容的提问来源于stack exchange，提问作者Eric A. Zarko