NavigationView bar material invisible on iOS 15

Question

On iOS 15, an app with a NavigationView with .inline mode no longer shows the blurry material color you would see for the navigation bar.

Example code:

struct ContentView: View {
    var body: some View {
        NavigationView {
            ZStack {
                Color.red.ignoresSafeArea()
                
                Text("Content")
            }
            .navigationBarTitleDisplayMode(.inline)
        }
    }
}

Comparison:

iOS 14.4	iOS 15

How can I fix this to keep the iOS 14 behaviour?

Answer 1

In iOS 16+ you can solve this using .toolbarBackground

NavigationStack {
  Text("Hello")
      .toolbarBackground(.visible, for: .navigationBar)
      .toolbarBackground(.ultraThinMaterial, for: .navigationBar)
}