Swiftui-如何设置子屏幕标题

Question

我有一个Swiftui主屏幕：

import SwiftUI

struct HomeView: View {
    @State private var navigateToSettingsView : Bool = false
    
    var body: some View {
        NavigationView {
            if navigateToSettingsView {
                NavigationLink(destination: UserSettingsView(), isActive: $navigateToSettingsView) {
                    EmptyView()
                }
                .navigationTitle("Home") // This overrides the word Back with Home on the child back button
                .toolbar {
                    ToolbarItem(placement: .principal) {
                        VStack {
                            Text("User Settings").font(.headline)
                        }
                    }
                }
            }
            else {
                NavigationLink(destination: Text("Hello, I am HomeView child screen")) {
                    homeScreen
                }
                .toolbar {
                    ToolbarItemGroup(placement: .navigationBarTrailing) {
                        Button(action: {
                            navigateToSettingsView = true
                        }) {
                            Image(systemName: "gearshape")
                        }
                    }
                    ToolbarItemGroup(placement: .navigationBarLeading) {
                        Text("App Name")
                    }
                }
            }
        }
    }
}

extension HomeView {
    private var homeScreen: some View {
        VStack {
            Text("Hello, I am HomeView")
        }
        .frame(maxWidth: .infinity)
    }
}

现在，Userettingsview是基本的：

import SwiftUI

struct UserSettingsView: View {
    var body: some View {
        VStack {
            Text("I am a UserSettingsView")
        }
    }
}

我正在努力的是在用户单击齿轮图标时设置子屏幕标题。工具栏似乎被忽略了。您如何设置子屏幕的标题，以便具有用户设置的标题？

Answer 1

我相信您可以使用更清洁的方法来实现想要的目标。

下面的示例将按钮用另一个navigationLink替换。它维护home文本，而不是back，但它还在用户设置屏幕中显示标题。唯一的收获是标题位于顶部区域的中心，而不是领先位置。

请注意，@State变量不再存在。

struct Example: View {
    
    var body: some View {
        NavigationView {
                NavigationLink(destination: Text("Hello, I am HomeView child screen")) {
                    Text("I'm a home screen")
                }
                .navigationTitle("Home")
                .navigationBarTitleDisplayMode(.inline)
                .toolbar {
                    ToolbarItemGroup(placement: .navigationBarTrailing) {
                        NavigationLink(destination: UserSettingsView().navigationTitle("User settings")) {
                            Image(systemName: "gearshape")
                        }
                    }
                    ToolbarItemGroup(placement: .navigationBarLeading) {
                        Text("App Name")
                    }
            }
        }
    }
}