SwiftUI：如何避免在每个View中重复设置NavigationStack工具栏属性？

你可以通过以下几种方案避免重复编写工具栏相关代码，实现全局统一的导航栏样式：

1. 自定义ViewModifier封装工具栏配置 #

创建一个自定义ViewModifier，把重复的工具栏样式和按钮逻辑打包进去。如果需要传递视图内部的状态绑定（比如mostraProfilo），可以将其作为Modifier的参数：

struct DefaultNavigationToolbar: ViewModifier {
    @Binding var showProfile: Bool
    
    func body(content: Content) -> some View {
        content
            .toolbarBackground(.blue, for: .navigationBar)
            .toolbarBackground(.visible, for: .navigationBar)
            .toolbarColorScheme(.dark, for: .navigationBar)
            .toolbar {
                Button {
                    showProfile.toggle()
                } label: {
                    Label("User Profile", systemImage: "person.crop.circle")
                }
            }
    }
}

// 给View添加扩展，简化调用
extension View {
    func defaultNavigationToolbar(showProfile: Binding<Bool>) -> some View {
        self.modifier(DefaultNavigationToolbar(showProfile: showProfile))
    }
}

之后在各个视图中只需调用这个扩展即可：

• 根视图：

NavigationStack {
    VStack{
        // ... 视图内容
    }
    .navigationTitle("Lavorazioni")
    .navigationBarTitleDisplayMode(.large)
    .defaultNavigationToolbar(showProfile: $mostraProfilo)
}

• 跳转后的子视图：

var body: some View {
    VStack{
        // ... 视图内容
    }
    .navigationTitle("Selezione tipologia")
    .defaultNavigationToolbar(showProfile: $mostraProfilo)
}

2. 使用环境对象管理全局状态 #

如果mostraProfilo是全局通用的状态，可以把它放到一个可观察对象中，通过环境对象传递，这样Modifier无需每次手动传绑定：

class AppState: ObservableObject {
    @Published var showProfile = false
}

// 在App入口注入环境对象
@main
struct YourApp: App {
    @StateObject private var appState = AppState()
    
    var body: some Scene {
        WindowGroup {
            NavigationStack {
                RootView()
            }
            .environmentObject(appState)
        }
    }
}

// 修改Modifier，直接读取环境对象
struct DefaultNavigationToolbar: ViewModifier {
    @EnvironmentObject var appState: AppState
    
    func body(content: Content) -> some View {
        content
            .toolbarBackground(.blue, for: .navigationBar)
            .toolbarBackground(.visible, for: .navigationBar)
            .toolbarColorScheme(.dark, for: .navigationBar)
            .toolbar {
                Button {
                    appState.showProfile.toggle()
                } label: {
                    Label("User Profile", systemImage: "person.crop.circle")
                }
            }
    }
}

// 扩展简化调用
extension View {
    func defaultNavigationToolbar() -> some View {
        self.modifier(DefaultNavigationToolbar())
    }
}

这时各个视图只需调用.defaultNavigationToolbar()即可：

// 根视图
VStack{...}
.navigationTitle("Lavorazioni")
.navigationBarTitleDisplayMode(.large)
.defaultNavigationToolbar()

// 子视图
VStack{...}
.navigationTitle("Selezione tipologia")
.defaultNavigationToolbar()

3. 自定义导航容器View #

如果希望整个NavigationStack自带默认样式，可以封装一个自定义导航容器，内部直接配置好工具栏：

struct AppNavigationStack<Content: View>: View {
    @EnvironmentObject var appState: AppState
    private let content: Content
    
    init(@ViewBuilder content: () -> Content) {
        self.content = content()
    }
    
    var body: some View {
        NavigationStack {
            content
                .toolbarBackground(.blue, for: .navigationBar)
                .toolbarBackground(.visible, for: .navigationBar)
                .toolbarColorScheme(.dark, for: .navigationBar)
                .toolbar {
                    Button {
                        appState.showProfile.toggle()
                    } label: {
                        Label("User Profile", systemImage: "person.crop.circle")
                    }
                }
        }
    }
}

使用时直接替换原生NavigationStack：

AppNavigationStack {
    VStack{...}
    .navigationTitle("Lavorazioni")
    .navigationBarTitleDisplayMode(.large)
    // 所有通过NavigationLink跳转的子视图会自动继承工具栏配置
}

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