如何在 SwiftUI 中为 navigationTitle 添加颜色

Question

.navigationTitle(Text("Hello").foregroundColor(.orange))
.navigationBarTitleDisplayMode(.inline)

如何在 SwiftUI 中向导航栏标题添加前景色？这是一个 watchOS 应用程序，我尝试的一切都不起作用。

Answer 1

使用 iOS 14+，您可以使用

.toolbar

元素创建

ToolbarItem

方法。这使您可以自定义导航标题。

import SwiftUI

struct ContentView: View {
  var body: some View {
    NavigationStack {
      VStack {
        Text("Hello, world!")
      }
      .toolbar {
        ToolbarItem(placement: .principal) {
          VStack {
            Text("Navigation Title")
              .foregroundColor(.white)
          }
        }
      }
      .toolbarBackground(.visible, for: .navigationBar)
      .toolbarBackground(.red, for: .navigationBar)
      .navigationBarTitleDisplayMode(.inline)
    }
  }
}

[1] https://developer.apple.com/documentation/swiftui/toolbaritem

Answer 2

我有：

NavigationView {
 // my content
}
.navigationBarTitle(Text("Hello"), displayMode: .inline)
.foregroundColor(.orange)

Answer 3

我发现这个解决方案有效：

.navigationTitle{
            Text("Hello")
                .foregroundColor(.orange)
 }