SwiftUI中UITextField获焦时如何设置与键盘间距并适配ScrollView滚动

问题原因 #

你遇到的情况是因为 UIViewRepresentable 封装的UITextField，外层加的SwiftUI .padding 属于父容器修饰符，ScrollView默认的自动滚动逻辑计算内容偏移时，仅读取了TextField本身的内容尺寸，没有把外层padding纳入计算，导致最终滚动位置少了对应的边距距离，出现输入框贴键盘的问题。

解决方法 #

以下按兼容性、实现成本排序：

方案1：ScrollViewReader手动控制滚动（兼容iOS 13+，无需改动TextField封装）

通过ScrollViewReader监听选中状态变化，主动滚动到对应输入框位置，还可自定义预留间距：

ScrollViewReader { proxy in
    ScrollView {
        VStack {
            ForEach(model, id: \.self) { test in 
                Group {
                    if test.selected {
                        UIRepresentableTextField(text: $text)
                            .padding(10)
                    } else {
                        Text(test.text)
                            .padding(10)
                    }
                }
                .id(test) // 给每个条目绑定唯一标识
            }
            // 额外添加底部预留间距，可根据需要调整高度
            Spacer().frame(height: 20)
        }
    }
    .onChange(of: selectedTest) { newSelected in // 监听选中的条目变化
        guard let newSelected = newSelected else { return }
        withAnimation {
            // anchor设为bottom保证输入框底部完整滚动到可视区域
            proxy.scrollTo(newSelected, anchor: .bottom)
        }
    }
}

方案2：内边距移入UITextField内部，让封装视图自带边距

把原来加在SwiftUI层的padding改到UITextField本身的配置里，这样视图的内在尺寸会直接包含边距，ScrollView计算滚动位置时自动纳入：
修改makeUIView实现：

func makeUIView(context: UIViewRepresentableContext<CustomTextField>) -> UITextField {
        let textField = UITextField(frame: .zero)
        textField.returnKeyType = .done
        textField.delegate = context.coordinator
        textField.keyboardType = .namePhonePad
        textField.autocorrectionType = suggestions ? .yes : .no
        textField.setContentCompressionResistancePriority(.defaultLow, for: .horizontal)
        
        // 新增：给TextField添加左右内边距，对应原来的10px padding
        let horizontalPadding = UIView(frame: CGRect(x: 0, y: 0, width: 10, height: 0))
        textField.leftView = horizontalPadding
        textField.leftViewMode = .always
        textField.rightView = horizontalPadding
        textField.rightViewMode = .always
        
        // 如需添加上下内边距，可以自定义UITextField子类重写textRect和editingRect方法
        return textField
    }

修改后可去掉SwiftUI层给TextField加的.padding(10)。

方案3：ScrollView全局添加底部内容边距（iOS 17+，实现最简）

如果最低支持iOS 17，直接用contentMargins修饰符给滚动内容底部加固定预留空间即可：

ScrollView {
    // 原有VStack和条目内容
}
.contentMargins(.bottom, 20, for: .scrollContent)

这里的20就是你需要的额外底部间距，滚动到底部时会自动留出对应空间。

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