UIPickerView在iOS 16中显示异常问题求助

可行解决方案整理： #

1. 明确指定行高 #

iOS 16调整了UIPickerView的行高计算逻辑，即便整体尺寸足够，未明确设置行高仍可能导致内容截断。实现代理方法返回适配字体的行高：

func pickerView(_ pickerView: UIPickerView, rowHeightForComponent component: Int) -> CGFloat {
    // 直接设置固定值或根据字体动态计算
    let font = UIFont.systemFont(ofSize: 16)
    return font.lineHeight + 8 // 增加上下内边距避免拥挤
}

2. 强制触发布局刷新 #

iOS 16中UIPickerView的布局更新可能存在延迟，在视图布局完成后强制刷新：

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    pickerView.reloadAllComponents()
    pickerView.layoutIfNeeded()
}

3. 修正自定义Row视图的约束（若使用自定义视图） #

如果通过pickerView(_:viewForRow:forComponent:reusing:)返回自定义视图，确保视图宽度适配组件宽度，避免内容挤压：

func pickerView(_ pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusing view: UIView?) -> UIView {
    let label = view as? UILabel ?? UILabel()
    label.text = "目标文本"
    label.font = UIFont.systemFont(ofSize: 16)
    label.textAlignment = .center
    label.translatesAutoresizingMaskIntoConstraints = false
    // 绑定宽度到组件宽度
    NSLayoutConstraint.activate([
        label.widthAnchor.constraint(equalToConstant: pickerView.bounds.width / CGFloat(pickerView.numberOfComponents))
    ])
    return label
}

4. 使用UIPickerConfiguration统一配置（iOS 14+） #

针对iOS14及以上版本，用新配置类统一设置样式，减少版本间布局差异：

let pickerConfig = UIPickerConfiguration()
pickerConfig.textColor = .black
pickerConfig.preferredContentSizeCategory = .default
pickerView.configuration = pickerConfig

5. 检查内容模式设置 #

确保UIPickerView及其子视图的contentMode未设置为.scaleToFill等可能导致内容变形的模式，保持默认的.center即可。

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