如何在watchOS的SwiftUI中为导航栏标题设置前景色？

方法1：通过tint修饰符统一设置导航栏相关颜色 #

在watchOS中，导航栏标题的前景色默认跟随导航视图的tint属性，直接给Text添加foregroundColor不会生效。你可以给包含导航栏的容器视图（比如watchOS 9+的NavigationStack，旧版本用NavigationView）添加tint修饰符：

NavigationStack {
    Text("页面内容")
        .navigationTitle("Hello")
        .navigationBarTitleDisplayMode(.inline)
}
.tint(.orange)

这个设置会同时改变导航栏标题和返回按钮等导航元素的颜色。

方法2：自定义ToolbarItem实现独立控制标题样式 #

如果需要单独修改标题颜色，不影响其他导航元素，可以通过toolbar自定义标题组件：

NavigationStack {
    Text("页面内容")
        .toolbar {
            ToolbarItem(placement: .navigationBarTitle) {
                Text("Hello")
                    .foregroundColor(.orange)
                    // 还可以额外设置字体等样式
                    .font(.headline)
            }
        }
        .navigationBarTitleDisplayMode(.inline)
}

这种方式能完全控制标题的样式，不受系统全局tint的限制。

注意事项 #

• 确保使用适配watchOS版本的导航组件：watchOS 9及以上优先用NavigationStack，更早版本使用NavigationView。
• 不要同时使用navigationTitle和自定义ToolbarItem的标题，避免出现样式冲突。

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