如何在SwiftUI中为不同Tab视图设置不同的导航标题？

问题原因 #

• DatabaseView未用NavigationView包裹列表，导致其navigationTitle被整个TabView共享，两个标签页显示同一标题。
• FilteredView错误地将navigationTitle应用在NavigationView外部，引发双重导航标题问题。

修复方案 #

每个标签页对应的视图需独立嵌套NavigationView，并将navigationTitle应用到NavigationView内部的子视图上：

修改DatabaseView

struct DatabaseView: View { 
    @Binding var friends: [Friend]
    @State private var isPresentingNewDatabaseView = false
    @State private var newFriendData = FriendData() // 根据实际数据结构调整
    
    var body: some View {
        NavigationView {
            List {
                ForEach($friends) { $friend in
                    NavigationLink(destination: DetailView(friend: $friend)) {
                        CardView(friend: friend)
                    }
                }
            }
            .navigationTitle("Friends")
            .sheet(isPresented: $isPresentingNewDatabaseView) {
                NavigationView {
                    DetailEditView(data: $newFriendData)
                        .toolbar {
                            Button("Done") {
                                isPresentingNewDatabaseView = false
                                // 补充保存逻辑
                            }
                        }
                }
            }
        }
    }
}

修改FilteredView

struct FilteredView: View {
    var body: some View {
        NavigationView {
            Text("Hello, World!")
                .navigationTitle("Filtered View")
        }
    }
}

关键说明 #

• 每个标签页的视图需通过独立的NavigationView管理自身导航栏，避免标题互相干扰。
• .navigationTitle必须作用于NavigationView内部的子视图，而非NavigationView本身，否则会导致标题显示异常。

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