Position UIButton next to UIView title

Question

The Health App on IOS has a "user account" button next to each tab.

I would like to replicate this behavior. However, my code pushes the button above the title.

import Foundation
import UIKit

class MyTabController : UITabBarController {

    override func viewDidLoad() {
        view.backgroundColor = .lightGray
        viewControllers = [createNavController(for: UIViewController(), title: NSLocalizedString("Summary", comment: ""), image: UIImage(systemName: "suit.heart.fill")!)]
    }

    internal func createNavController(for rootViewController: UIViewController, title: String, image: UIImage) -> UIViewController {
        let navController = UINavigationController(rootViewController: rootViewController)
        navController.tabBarItem.title = title
        navController.tabBarItem.image = image
        navController.navigationBar.prefersLargeTitles = true
        rootViewController.title = title
        let barButton = UIBarButtonItem()
        barButton.image = UIImage(systemName: "person.circle")
        rootViewController.navigationItem.rightBarButtonItem = barButton
        return navController
    }
}

I know I can manually add a button with a label and push it "down", but it seems overkill for something so simple. What is an efficient way to reproduce this behavior? ( without introducing any static constants )

check [this thread](https://stackoverflow.com/questions/47062176/image-for-navigation-bar-with-large-title-ios-11) — Visal Rajapakse, Jul 09 '21 at 13:02
@VisalRajapakse good catch. Not a fan of the magic constants they are using, but it is an available solution. — angryip, Jul 09 '21 at 13:04
Does this answer your question? [Image for Navigation Bar with Large Title iOS 11](https://stackoverflow.com/questions/47062176/image-for-navigation-bar-with-large-title-ios-11) — jraufeisen, Jul 09 '21 at 13:11
@JoRa negative, since the author uses contants. I was hoping there was a way without doing so. — angryip, Jul 09 '21 at 13:24

score 3 · Accepted Answer · answered Jul 09 '21 at 13:17

If you try to scroll this slowly, you will see following.

Health.app setup does not seem like a standard UINavigationBar / UIBarButtonItem setup.

Contacts.app shows what it looks like with a standard UINavigationBar / UIBarButtonItem setup.

Add your own UIView below navigation bar, keeping the navigation title / bar button items empty. Track the scroll state and update your own view and navigationBar's appearances as needed.

Position UIButton next to UIView title

1 Answers1