UINavigationBar集成UISearchBar问题：右侧按钮重叠，需添加左侧按钮

我来帮你搞定这个导航栏集成搜索栏的问题！从你描述的情况来看，核心问题是搜索栏没有合理限制宽度，导致挤占了右侧导航按钮的空间，同时我们还需要添加左侧导航按钮。下面是具体的解决方案：

一、问题根源 #

当你直接把UISearchBar设为navigationItem.titleView时，如果没有限制它的最大宽度，它会尽可能占据导航栏的可用空间，就会和左右侧的导航按钮发生重叠。iOS11+之后导航栏的布局逻辑有变化，单纯设置高度是不够的。

二、解决方案步骤 #

1. 给SearchBar添加合理的宽度约束 #

我们需要限制搜索栏的宽度，让它给左右侧按钮留出足够的空间。可以通过约束搜索栏的最大宽度，或者给导航栏左右预留间距来实现。

2. 添加左侧导航栏按钮 #

直接通过navigationItem.leftBarButtonItem配置左侧按钮即可，还可以调整按钮的间距和样式。

3. 完整代码示例 #

// 初始化自定义SearchBar
searchBar = SearchBar()
searchBar.delegate = self
searchBar.showsCancelButton = false

// 配置SearchBar的约束（重点解决宽度问题）
if #available(iOS 11.0, *) {
    // 设置搜索栏高度
    searchBar.heightAnchor.constraint(equalToConstant: 44).isActive = true
    // 限制最大宽度：导航栏总宽度减去左右按钮的预留空间（每个按钮按44pt计算，左右各留44）
    if let navBarWidth = navigationController?.navigationBar.frame.width {
        searchBar.widthAnchor.constraint(lessThanOrEqualToConstant: navBarWidth - 88).isActive = true
    }
} else {
    // iOS11之前的适配：手动设置搜索栏的frame，预留左右空间
    searchBar.frame = CGRect(x: 16, y: 0, width: UIScreen.main.bounds.width - 88, height: 44)
}

// 将搜索栏设为导航栏标题视图
navigationItem.titleView = searchBar

// 添加左侧导航栏按钮
let leftButton = UIBarButtonItem(image: UIImage(systemName: "arrow.left"), style: .plain, target: self, action: #selector(leftButtonTapped))
// 可手动设置按钮宽度，保证和搜索栏的间距
leftButton.width = 44
navigationItem.leftBarButtonItem = leftButton

// 右侧按钮保持原有配置即可，现在不会和搜索栏重叠了

4. 额外优化建议 #

• 如果你的自定义SearchBar有圆角或内边距样式，确保这些不会导致实际可点击区域超出约束范围
• 若使用大标题模式（navigationController?.navigationBar.prefersLargeTitles = true），建议在进入搜索状态时切换为普通标题模式，避免布局冲突
• 可以给搜索栏的输入框添加内边距，让搜索内容更美观：

if let textField = searchBar.searchTextField {
    let paddingView = UIView(frame: CGRect(x: 0, y: 0, width: 16, height: textField.frame.height))
    textField.leftView = paddingView
    textField.leftViewMode = .always
}

内容的提问来源于stack exchange，提问作者Ilesh Panchal