Navigation bar title jumping between large and inline

Question

Created Jan ’23

Replies 7

Boosts 5

Views 2.0k

Participants 7

I've noticed some issues with changing the navigation bar title display to inline and it is different on devices in the simulator. For iPhone 14, when navigating back from a view that set the display to inline, the navigation title "Menu" stays in inline mode for a short (500ms) delay and then jumps (no animation) back to large.

On an iPhone 8, when navigating back, the title stays in inline mode instead of transitioning back to large.

Even setting the display mode to large on the first item in the nav stack doesn't have any effect on correcting the behavoir. Additionally, using a Picker with inline style works just fine. It seems to be isolated to NavigationLink with the view setting inline for the title bar display mode.

Boost

Answer 1

jasonabullard OP

Jan ’23

This is also isolated only to NavigationStack. No issues when using NavigationView.

0

Answer 2

dvdblk OP

Mar ’23

I'm trying to deal with this on a NavigationSplitView. Any hints?

0

Answer 3

223r489 OP

Jun ’23

Same here. What is going on?

0

Answer 4

DTS Engineer OP

Apple

Jul ’23

Could you verify if you’re seeing this issue on the iOS 17 beta 3 (21A5277j) ? If so then you should definitely file a bug report about it. Please post your bug number, just for the record.

0

Answer 5

liudasbar OP

Oct ’23

Having the same issue on iOS 17 (running public Xcode 15 build with iOS 17.0 simulator) when parent view has large title and navigating to detail view. NavigationView (the one that is deprecated) is not causing any issues, however using NavigationStack brings jumping issue. Others have discussed the issue here too: https://developer.apple.com/forums/thread/654471

Reported the issue via FB13285300

The minimum reproducible code:

import SwiftUI

struct LanguagesListView: View {
    // MARK: - Init
    init() { }
    
    // MARK: - Body
    var body: some View {
        NavigationStack {
            listView
                .navigationTitle("Numbers list")
                .navigationBarTitleDisplayMode(.large)
        }
    }
    
    // MARK: - Views
    private var listView: some View {
        List {
            Section(header: Text("Numbers")) {
                ForEach(0...50, id: \.self) { number in
                    NavigationLink(destination: EmptyView()) {
                        Text(String(number))
                    }
                }
                .listSectionSeparator(.hidden, edges: .bottom)
            }
            .textCase(nil)
            .alignmentGuide(.listRowSeparatorLeading) { _ in
                0
            }
        }
    }
}

0

Answer 6

AlexandreReol OP

Feb ’24

Still no fix for this? Especially for NavigationSplitView?

1

Answer 7

soulers OP

Mar ’24

Having the same issue with iOS 17

1