largeTitleDisplayMode doesn't work when using UIHostingController

Question

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

1.3k

Posted by

MegaWatt

Reply

Add a Comment

Answer 1

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

navigationController?.navigationBar.prefersLargeTitles = true

Posted by

BabyJ

That shows the large title, but it just stays in-place while the content scrolls under and past the entire nav bar 😞

It's like the nav bar is placed over the HostingController and the content doesn't know it's there.

—
MegaWatt
Does DashboardView have its own navigation bar? As in it's wrapped in a NavigationView (or similar) and sets its own title.

—
BabyJ
No. It's using the UIViewController stack

—
MegaWatt

Answer 2

Try changing the part in viewDidLoad to this:

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

Posted by

BabyJ

Sorry, that didn't help. 😞

—
MegaWatt

Add a Comment

Answer 3

You can set it directly on the UINavigationController()

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

Posted by

DayoBanjo

Add a Comment

Answer 4

I'm also seeing this issue. Frustrating.

Posted by

stephen_cp

Add a Comment

largeTitleDisplayMode doesn't work when using UIHostingController

Replies