Layout constraint warning using .navigationTitle

Question

Created Feb ’21

Replies 3

Boosts 0

Views 1.4k

Participants 3

I've notice that .navigationTitle(_:) always causes layout constraints warnings. Given this example, which is in Apple documentation you can check that the layout constraint warning appears only when .navigationTitle(_:) is added. Here is the sample code:

Code Block swiftstruct DestinationPageView: View {
    var color: Color
    var body: some View {
        Text("Destination Page")
            .font(.title)
            .foregroundColor(color)
    }
}
struct ContentView: View {
    var body: some View {
        NavigationView {
            List {
                NavigationLink(
                    destination: DestinationPageView(color: .purple)
                ) {
                    Text("Purple Page")
                }
                NavigationLink(
                    destination: DestinationPageView(color: .pink)
                ) {
                    Text("Pink Page")
                }
                NavigationLink(
                    destination: DestinationPageView(color: .orange)
                ) {
                    Text("Orange Page")
                }
            }
            .navigationTitle("Title")
        }
    }
}

Notice that the same warning appears when I use .navigationBarTitle(_:) which is deprecated-6p1k7) by the way. This stack overflow post is the most recent about this issue but there is no much information. I just wondering if is something wrong with the code or it's just a bug. Is there any workaround to avoid this warning?

Boost

Answer 1

BabyJ OP

Feb ’21

These constraint issues are nothing to worry about, and there is nothing you can do about them anyway. As far as I can see, there is nothing wrong with your code. Xcode and Swift like to keep outputting useless messages to the console, like you mentioned, that you should just ignore.

0

Answer 2

DennisCM OP

Feb ’21

Thanks for your response. It's very annoying when this huge warning shows up in the console.

0

Answer 3

code_thinking OP

Sep ’21

you can solve this by using navigationViewStyle modifier.

NavigationView {
  VStack {
    Text("some content")
  }
  .navigationTitle("SOLVE ISSUE")
}
.navigationViewStyle(.stack)

2