Why won't my UISearchBar obey constraints? - ios

Question

In my iOS app I have a navigation bar composed of a UISearchBar and a UIButton in a UIStackView. Since I can't storyboard a UISearchController I have a blank UIView in the stack view and I'm adding the UISearchBar as a subview. Here's what my storyboard looks like:
Here's my code to add the search bar
override func viewDidLoad() {
super.viewDidLoad()
configureSearchController()
print(wrapperView.bounds)
print(searchController.searchBar.bounds)
}
func configureSearchController() {
searchController = UISearchController(searchResultsController: nil)
searchController.dimsBackgroundDuringPresentation = false
searchController.searchBar.placeholder = "Search here..."
searchController.searchBar.sizeToFit()
searchController.searchBar.isTranslucent = false
searchController.searchBar.delegate = self
searchController.delegate = self
searchController.searchBar.barTintColor = addButton.backgroundColor
wrapperView.addSubview(searchController.searchBar)
let color = addButton.backgroundColor
searchController.searchBar.layer.borderWidth = 1
searchController.searchBar.layer.borderColor = color?.cgColor
searchController.searchBar.trailingAnchor.constraint(equalTo: addButton.leadingAnchor)
}
But the search bar goes past the UIButton, as shown here:
How can I get the UISearchBar to end at the UIButton like this?

Answer 1

Try replacing:
searchController.searchBar.trailingAnchor.constraint(equalTo: addButton.leadingAnchor)
with:
searchController.translatesAutoresizingMaskIntoConstraints = false
wrapperView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:|-0-[subview]-0-|", options: nil, metrics: nil, views: ["subview": searchController]))
wrapperView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("V:|-0-[subview]-0-|", options: nil, metrics: nil, views: ["subview": searchController]))
EDIT:
Otherwise try with a UISearchController:
searchController.searchBar.setImage(<image_name>, forSearchBarIcon: .Bookmark, state: .Normal)
this will allow you to add a custom button near the search bar.

Answer 2

I experienced the same issue, and I was able to fix it by calling searchController.searchBar.sizeToFit() after adding it to my view (right after the addSubview() line). You might have to run wrapperView.layoutIfNeeded() before, so something like this:
wrapperView.addSubview(searchController.searchBar)
wrapperView.layoutIfNeeded()
searchController.searchBar.sizeToFit()
Hope it helps!