ios - 按下取消按钮时隐藏搜索栏，并调整导航栏的大小

Question

我在导航栏中使用 UISearchController 实现了一个搜索栏。还有一个 TableView ，其顶部约束设置为导航栏的底部。

期望的行为:按下取消按钮时，搜索栏被隐藏，表格 View 的顶部约束恢复到搜索栏被删除之前的状态(参见屏幕截图#1 在这篇文章的末尾)

当前行为:按下取消按钮时，搜索栏消失但 tableView 的顶部约束没有响应更改(参见屏幕截图 #3)

此问题的一个可能解决方案是在单击取消按钮时手动更新约束。但是，我找不到从 UISearchBarDelegate 方法 searchBarCancelButtonClicked

访问 tableView 约束的方法

代码片段:

class ViewController: UIViewController {

    let searchController = UISearchController(searchResultsController: nil)

    override func viewDidLoad() {
        super.viewDidLoad()

        searchController.searchBar.delegate = self

        /* Adding search button to the navbar */

        /* setting tableView constraints */

        /* tableView delegate/datasource methods, etc... */
    } 

    @objc func searchButtonTapped(_ sender: UIBarButtonItem) {
        setup()
        navigationItem.searchController = searchController
    }

    func setup() {
        searchController.hidesNavigationBarDuringPresentation = false
        searchController.obscuresBackgroundDuringPresentation = false
        searchController.searchBar.sizeToFit()
    }
}

extension UISearchBarDelegate {
    public func searchBarCancelButtonClicked(_ searchBar: UISearchBar) {

        navigationItem.searchController = nil

        /* Cannot access tableview constraints from here because extension is outside of the class */
    }
}

在按下搜索按钮之前。

在按下取消按钮之前。

按下取消按钮后。

Answer 1

添加一行代码如下:

func searchBarCancelButtonClicked(_ searchBar: UISearchBar){

   self.navigationItem.searchController = nil

   self.view.setNeedsLayout()

 /* Cannot access tableview constraints from here because extension is outside of the class */
}