Large title is not visible in iOS 26

Question

Created Jul ’25

Replies 3

Boosts 2

Participants 4

I am using below code to change navigationBar bg colour, but the text is hidden in large title. It works fine in previous versions. Kindly refer below code and attached images.

Code:

override func viewWillAppear(_ animated: Bool) {
    super.viewWillAppear(animated)
    navigationController?.navigationBar.prefersLargeTitles = true
    navigationItem.largeTitleDisplayMode = .always
    let appearance = UINavigationBarAppearance()

    appearance.backgroundColor = UIColor(
         red: 0.101961,
         green: 0.439216,
         blue: 0.388235,
         alpha: 1.0
     )

    navigationController?.navigationBar.standardAppearance = appearance
    navigationController?.navigationBar.scrollEdgeAppearance = appearance
    navigationController?.navigationBar.compactAppearance = appearance
}

Referenced images:

Simulator Screenshot - iPhone 16 Pro - 2025-07-24 at 10.45.37.png

Simulator Screenshot - iPhone 16 Pro - 2025-07-24 at 10.45.46.png

Boost

Answer 1

jkmazur OP

Aug ’25

I’m experiencing the same issue. When you set the alpha parameter to a semi-transparent value (like 0.5), the title becomes slightly visible. This suggests that the background layer is rendered above the title when prefersLargeTitles is enabled. Sounds like a bug in iOS 26 or Xcode.

FB19434429

0

Answer 2

jwcarr OP

2w

Did anyone manage to solve this issue? Exactly as @jkmazur says: the title text is being rendered under the background color, and it's still broken in beta 9!

Here's a minimal example:

struct ContentView: View {
    
    @State private var path = NavigationPath()

    var body: some View {
        NavigationStack(path: $path) {
            
            List {
                
                Text("Item 1")
                Text("Item 2")
                Text("Item 3")
                
            }
            .navigationTitle("Title")
            .toolbarBackground(Color(red: 0.5, green: 0.5, blue: 0.5), for: .navigationBar)
            .toolbarBackgroundVisibility(.visible, for: .navigationBar)
            
        }
    }
}

Expected result: Title is rendered above the gray background. Actual result: Title is rendered below the gray background.

0

Answer 3

Frankois944 OP

2w

Hi,

if you are using a transparent Navigation bar, use the configureWithTransparentBackground method, the large title will be visible.

let appearance = UINavigationBarAppearance()
appearance.configureWithTransparentBackground()

0