Large title, center alignment

Question

I try to center the title in large title mode, but that code doesn't affect. In AppDelegate:

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
    // Override point for customization after application launch.

    let paragraphStyle = NSMutableParagraphStyle()
    paragraphStyle.alignment = .center
    UINavigationBar.appearance().largeTitleTextAttributes = [NSAttributedStringKey.paragraphStyle: paragraphStyle]

    return true
}

I decided simply to put label below the large title with additional information, but thanks anyway! — Anton, Feb 18 '18 at 15:08

score 1 · Answer 1 · answered Feb 11 '18 at 07:13

1

The large title cannot be centered, it has it´s position to the left and is left aligned. The size of the title does not matter, if you want the title centred you have to create your own custom one.

answered Feb 11 '18 at 07:13

Rashwan L

38,237
7
103
107

score -1 · Answer 2 · answered Dec 18 '18 at 20:20

I solved this by making the navigationItem title to none. Then setting a custom label with my text and adding constraints to the label programmatically. Here is the code below.

override func setupNavigationBar() {
        navigationItem.title = .none

        if #available(iOS 11.0, *) {
            navigationController?.navigationBar.prefersLargeTitles = true

            let titleLabel = UILabel()
            titleLabel.text = "Home"
            titleLabel.translatesAutoresizingMaskIntoConstraints = false

            let targetView = self.navigationController?.navigationBar
            targetView?.addSubview(titleLabel)
            titleLabel.anchor(top: nil, left: nil, bottom: targetView?.bottomAnchor, right: nil, paddingTop: 0, paddingLeft: 0, paddingBottom: 0, paddingRight: 0, width: 222, height: 40)

            titleLabel.centerXAnchor.constraint(equalTo: (targetView?.centerXAnchor)!).isActive = true

        } else {
            // Fallback on earlier versions
        }

    }

im getting this error: Value of type 'UILabel' has no member 'anchor' — Ben Shabat, Jan 17 '19 at 10:26
Please use this UIView Extension class in this link https://github.com/nasim-ahmed/InstagramClone/blob/master/InstagramClone/Utils/Extensions.swift — Nasim Rony, Jan 18 '19 at 19:17

score -4 · Answer 3 · answered Feb 11 '18 at 07:05

UINavigationBar automatically centers its titleView as long as there is enough room. I suppose your code won't affect actual titleView frame because you don't have back button or rightBarButton, so UINavigationBar automatically prolong titleView to the right.

To fix it you can add empty right bar button, or add custom titleView with predefined frame

Large title, center alignment

3 Answers3