largeTitleDisplayMode doesn't work when using UIHostingController

Question

Created Aug ’22

Replies 4

Boosts 1

Views 1.7k

Participants 4

When using a UIHostingController to host my SwiftUI content, I can't get the navigation title to start large and shift to inline as the user scrolls. Is this a known problem with using the UIHostingController?

    var viewModel: DashboardViewModel!
    lazy var contentView = UIHostingController(rootView: DashboardView(viewModel: viewModel))

    override func viewDidLoad() {
        super.viewDidLoad()
        addChild(contentView)
        view.addSubview(contentView.view)
        setupConstraints()
        navigationItem.title = "Test Title"
        navigationItem.largeTitleDisplayMode = .automatic
    }

The title in the navigation controller shows inline

Screen Shot 2022-08-08 at 8.23.39 AM.png

Boost

Answer 1

BabyJ OP

Aug ’22

You need to specify that the navigation bar can display large titles, like this:

navigationController?.navigationBar.prefersLargeTitles = true

0

Answer 2

BabyJ OP

Aug ’22

Try changing the part in viewDidLoad to this:

addChild(contentView)
view.addSubview(contentView.view)
contentView.didMove(toParent: self) // add this

0

Answer 3

DayoBanjo OP

Feb ’23

You can set it directly on the UINavigationController()

  let dashBoardNavigationController = UINavigationController(rootView: DashBoardView())
  dashBoardNavigationController.navigationBar.prefersLargeTitles = true

0

Answer 4

stephen_cp OP

Apr ’23

I'm also seeing this issue. Frustrating.

0