When navigated to another view with a NavigationStack or NavigationView, the .navigationTitle modifying a List or Form containing a Map() gets quirky when trying to show the title. The back button is displayed correctly, but the title does not follow the same color scheme as the List of Form, rather it is white with a divider underneath it. It's like it is confusing the .inline with the .large navigation display modes. This doesn't just show up in the simulator, but on actual devices too.
This is a test main view...
import SwiftUI
struct ContentView: View {
var body: some View {
NavigationStack {
NavigationLink(destination: MapErrorView()) {
Text("Map View")
}
}
}
}
This is a test navigated view...
import SwiftUI
import MapKit
struct MapErrorView: View {
var body: some View {
NavigationStack {
Form {
Section(header: Text("Map of the US States")) {
Text("Map Error")
Map()
.frame(height: 220)
}
}
.navigationTitle("Map Error")
.navigationBarTitleDisplayMode(.large)
}
}
}
Attached is an image showing this error occurring. Does anyone know how I can get around this without using Text() to mock it? That might be the only way to get around this error.