iOS 13 UIBarButtonItem not clickable and overlapping UINavigationBars when using UISearchController

问题

I got a navigation bar containing some UIBarButtonItem buttons and a UISearchBar hooked up like this

var searchController: UISearchController!

override func viewDidLoad() {
    super.viewDidLoad()

    title = "Test"

    tableView.delegate = self
    tableView.dataSource = self

    searchController = UISearchController(searchResultsController: nil)
    navigationItem.searchController = searchController

    // This leads to the bug
    searchController.hidesNavigationBarDuringPresentation = false

    navigationItem.leftBarButtonItem = UIBarButtonItem(barButtonSystemItem: .action, target: self, action: #selector(leftTapped))
    navigationItem.rightBarButtonItem = UIBarButtonItem(barButtonSystemItem: .action, target: self, action: #selector(rightTapped))
}

Scenario: I tap into the search bar and tap cancel afterwards.

Issue 1: The bar buttons are not reacting to touch except when I touch the outer most pixels of the screen (only possible with the simulator and mouse clicks).
Issue 2: The navigation items are overlapping when I push another view controller.

When I use hidesNavigationBarDuringPresentation = true it's working like expected.

The issue appears on notched and non-notched iPhones iOS 13.0 and 13.1 using Xcode 11.0 and 11.1.

Here's the whole test project: https://github.com/fl034/HidesNavigationBarDuringPresentationTest

I've filed a radar (and you should too), but maybe some of you guys have already a workaround for it?

Update 1: Bug is still there in iOS 13.1.1

Update 2: Bug is fixed in iOS 13.2 beta (thanks @Ben Gomm)

回答1:

The view debugger reveals what's going on with this bug. The contents of the navigation bar are being copied. Here's what the navigation bar looks like before you show the search:

And here's what it looks like afterwards:

The two replicant views and the extra UILabel are the problem. I don't know what they're doing there and I can't find a way to remove them.

EDIT By the way, I think some of Apple's apps display the same bug. It's easier to see if you have large titles, because then you can see the large title and the extra label at the same time:

回答2:

I'm now using this workaround as I want most of my users have the navigation bar visible while search is active (for several app-ux-specific reasons).

var isIosVersionWithNavigationBarBug: Bool {
    if #available(iOS 13.2, *) {
        return false
    }
    if #available(iOS 13.0, *) {
        return true
    }        
    return false
}

In my search controller I use it like this

mySearchController.hidesNavigationBarDuringPresentation = isIosVersionWithNavigationBarBug

So if iOS 13.2 is being released and the user updates to it, the workaround is not being applied anymore.

回答3:

This appears to be fixed in iOS 13.2 beta, I tested the example project above using Xcode 11.2 beta (11B41).

回答4:

Not proud of it but I got it working for now with this hack.

override func viewWillDisappear(_ animated: Bool) {
    super.viewWillDisappear(animated)
    let viewsToRemove = self.navigationController?.navigationBar.subviews.flatMap({ (view) in
        view.subviews.filter { type(of: $0) == UILabel.self }
    })
    viewsToRemove?.forEach { $0.removeFromSuperview() }
}

来源：https://stackoverflow.com/questions/58134631/ios-13-uibarbuttonitem-not-clickable-and-overlapping-uinavigationbars-when-using

标签

ios

uinavigationcontroller

uisearchcontroller

ios13