title: SwiftUI and watchOS - Update navigation title color and text font
body: <p>Am learning watchOS development and learning SwiftUI too and having 2 issues. In the below image,</p>
  <p><strong>Issue 1</strong> - I wish to have uniform text for &quot;Set 1&quot;, &quot;Set 2&quot;, &quot;Settings 1&quot;(on 2nd row) and &quot;My settings&quot;(on 2nd row). I am noticing that when text is bit longer, it either wraps on to 2nd line(As shown in image 2). If I add it to be in one line, then I don't see uniform text in all the options. Is there a way I can keep my text size uniform even if the text is little big? My text won't be bigger than &quot;My Settings&quot;.</p>
  <p><strong>Issue 2</strong> - I wish to change the font color of navigation title and want to make entire &quot;Sample Application&quot; visible i.e. entire &quot;Application&quot; word should be visible without ellipsis. In this case as well, my title name will never be bigger than &quot;Sample Application&quot;. For title color, I tried changing accent color, but it didn't work. How I do I change the title color and the reduce the size of title to fit the display?</p>
  <p><a href="https://i.stack.imgur.com/ymPve.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ymPve.png" alt="enter image description here" /></a> <a href="https://i.stack.imgur.com/vZqmB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vZqmB.png" alt="enter image description here" /></a></p>
  <p><em><strong>Code:</strong></em></p>
  <pre><code>import SwiftUI
  
  struct ContentView: View {
      
      @State var menu: [MenuItem] = [
          MenuItem(id: 0, name: &quot;Set 1&quot;, imageName: &quot;settings&quot;),
          MenuItem(id: 1, name: &quot;Set 2&quot;, imageName: &quot;settings&quot;),
          MenuItem(id: 2, name: &quot;Settings 1&quot;, imageName: &quot;settings&quot;),
          MenuItem(id: 3, name: &quot;My Settings&quot;, imageName: &quot;settings&quot;),
      ]
      
      var columns = Array(repeating: GridItem(.flexible(), spacing: 10), count: 2)
      @Namespace var namespace
      @State var selected: [MenuItem] = []
      
      var body: some View {
          NavigationView {
              ScrollView {
                  if !self.menu.isEmpty {
                      LazyVGrid(columns: columns, spacing: 10) {
                          ForEach(self.menu) { item in
                              VStack {
                                  Button(action: {}) {
                                      VStack{
                                          Image(item.imageName)
                                              .renderingMode(.template)
                                              .resizable()
                                              .scaledToFill()
                                              .frame(width: 20, height: 20)
                                              .padding(10)
                                              .background(Color(red: 34 / 255, green: 34 / 255, blue: 34 / 255))
                                              .foregroundColor(Color(red: 32 / 255, green: 148 / 255, blue: 249 / 255))
                                              .clipShape(Circle())
                                      }
                                  }
                                  .buttonStyle(PlainButtonStyle())
                                  Text(item.name)
                                      .scaledToFill()
                                      .minimumScaleFactor(0.1)
                                      .lineLimit(1)
                                      .foregroundColor(Color.secondary)
                              }.padding(10)
                          }
                      }.padding()
                  }
              }.navigationTitle(&quot;Sample Application&quot;)
                  .scaledToFill()
                  .minimumScaleFactor(0.1)
                  .lineLimit(1)
                  .accentColor(Color.blue)
          }
      }
  }
  
  struct ContentView_Previews: PreviewProvider {
      static var previews: some View {
          Group {
              ContentView()
          }
      }
  }
  
  struct MenuItem: Identifiable {
      var id: Int
      var name: String
      var imageName: String
  }
  </code></pre>