SwiftUI NavigationStack navigation bar title animation bug

Question

Created Mar ’23

Replies 1

Boosts 3

Views 2.2k

Participants 3

I think there's a bug with SwiftUI's NavigationStack where a view with navigationBarTitleDisplayMode(.large) presents a new view with NavigationLink and the new view has navigationBarTitleDisplayMode(.inline). When you go back the navigation bar doesn't animate correctly.

What happens is that the previous view in the stack will animate to .inline and then twitch to .large once the transition is complete.

The issue is described with a video here: https://www.reddit.com/r/SwiftUI/comments/yq6jkb/navigationbartitle_jumps_when_returning_from/

Boost

Answer 1

Hugeldugelking OP

Jun ’23

Can confirm on iOS 16.2 & 16.4.
Sometimes the animation works on the first time but never after the first. To reproduce this bug, I needed to show a List inside the NavigationStack. Didn't tried it out with other Views.
Downloading

Here is the simplest code, with which I managed to reproduce this behaviour:

import SwiftUI
import PlaygroundSupport

struct ChildView: View {
  
  var body: some View {
      Text("Hello World")
          .navigationTitle("ChildView")
          .navigationBarTitleDisplayMode(.inline)
  }
}

struct ParentView: View {
  
  var body: some View {
      NavigationStack {
          List {
              NavigationLink(destination: ChildView()) {
                  Text("Link")
              }
              Text("Text")
          }
          .navigationTitle("ParentView")
          .navigationBarTitleDisplayMode(.large)
      }
  } 
}
PlaygroundPage.current.setLiveView(ParentView())

3