iosuinavigationcontrolleruinavigationbarios11large-title

UINavigationBar with Large Titles - how to find extra height in iOS 11


When using prefersLargeTitles for a UINavigationController's UINavigationBar in iOS 11, the nav bar increases height. The increase is from 44 to 96 on the iPhones I have checked, but I think those numbers can change per device (or at least we need to code as if they can).

I want to programmatically find the 'extra' height - the height of the large titles area that is added beneath the traditional UINavigationBar when a large title is displayed. I can easily find the entire height of the bar with the large title displayed, but is there a way to programmatically find the height of the large title portion of the bar alone (without any hardcoding)?

The reason I need this is that there are times that I want to programmatically scroll to the top of a UITableView, pulling down the large title (which has scrolled up under the "regular height" nav bar) so that it is showing, and the content offset I need is the extra height of the nav bar. I could use the total height of the navigation bar, but this would pull the UITableView down too far. To do this now, I need to hardcode as below:

[self.tableView setContentOffset:CGPointMake(0, -52) animated:NO];

Solution

  • I think you won't find a way to clearly resolve your problem. What you are asking for is a part of a navigation bar internals which is not exposed to the user. However, I think I can offer you a workaround.

    To understand this let's take a look at the navigation bar (with large titles enabled) in the view debugger. As you can see on the below image there is an extra view containing the large title for a particular view controller. This view is not present when you don't support large titles.

    Basically, what you want to know is the height of that view.

    debugger preview of the navigation bar

    This is my proposed solution/workaround

    extension UINavigationBar
    {
        var largeTitleHeight: CGFloat {
            let maxSize = self.subviews
                .filter { $0.frame.origin.y > 0 }
                .max { $0.frame.origin.y < $1.frame.origin.y }
                .map { $0.frame.size }
            return maxSize?.height ?? 0
        }
    }
    

    What it does

    1. Filters out subviews which start on the top of the navigation bar. They are most probably a background or the navigation area, we don't need them.
    2. Finds the lowest subview in the in the navigation bar.
    3. Maps the resulted subview frame to the frame size.
    4. Returns the height of the found subview or 0 if none was found.

    The obvious drawback of this approach is that it's tightly coupled to the structure of the navigation bar which may change in the future. However, it's unlikely that you will get something more than one or another dirty trick.

    The result of the execution should look like follows.

    print("Extra height: \(navigationController!.navigationBar.lagreTitleHeight)")
    Extra height: 52.0