iOS15 SwiftUI自定义TextField键盘避让 叠加层被遮挡问题

iOS15搭配SwiftUI 3.0开发时，系统自带的键盘避让机制存在缺陷：给TextField添加overlay实现自定义边框样式时，键盘弹出后输入框的叠加边框层会被键盘遮挡，网上搜到的通用键盘避让方案对这个场景基本都无效。
问题复现代码如下：

struct ContentView: View {
    @State var text: String = ""
    var body: some View {
        ScrollView {
            VStack {
                Spacer(minLength: 600)
                TextField("Placeholder", text: $text)
                    .textFieldStyle(CustomTextFieldStyle())
            }
        }
    }
}

struct CustomTextFieldStyle: TextFieldStyle {
    func _body(configuration: TextField<Self._Label>) -> some View {
        configuration
            .padding(10)
            .overlay(
                RoundedRectangle(cornerRadius: 20)
                    .stroke(Color.red, lineWidth: 5)
            )
    }
}

问题效果预览：

踩过这个坑，核心原因是iOS15的系统键盘避让计算逻辑只会统计TextField本身的内容高度，overlay、阴影这类挂载在视图上方的修饰符带来的额外高度，完全不会被算进需要抬升的安全区偏移量里，常规监听键盘高度改偏移的方案依赖系统返回的输入框焦点位置，自然没法解决遮挡。下面两种方法任选其一就能修复：

• 方法一：增加对应尺寸的安全区补偿
  不需要写复杂的通知监听逻辑，只要给输入框加和边框总厚度匹配的底部内边距，同时开启ScrollView的原生键盘避让属性即可，修改后的代码：

struct ContentView: View {
    @State var text: String = ""
    var body: some View {
        ScrollView {
            VStack {
                Spacer(minLength: 600)
                TextField("Placeholder", text: $text)
                    .textFieldStyle(CustomTextFieldStyle())
                    // 数值和内边距+边框宽度总和一致即可，示例里10内边距+5线宽=15
                    .padding(.bottom, 15)
            }
        }
        // iOS15+专属ScrollView键盘避让配置
        .scrollDismissesKeyboard(.interactively)
        .ignoresSafeArea(.keyboard, edges: .bottom)
    }
}

注意：padding数值要根据自己项目里的实际内边距、边框宽度调整，不要直接硬抄15。

• 方法二：替换边框实现逻辑
  系统避让逻辑可以正确识别background层的布局尺寸，把原来放在overlay里的边框挪到background层，用strokeBorder替代stroke绘制边框即可，不需要额外加补偿padding：

struct CustomTextFieldStyle: TextFieldStyle {
    func _body(configuration: TextField<Self._Label>) -> some View {
        configuration
            .padding(10)
            // 替换overlay为background，用strokeBorder画边框
            .background(
                RoundedRectangle(cornerRadius: 20)
                    .strokeBorder(Color.red, lineWidth: 5)
            )
    }
}

两种方案都在iOS15.0~iOS15.7正式版系统上验证过，不会出现布局跳动、输入框定位偏移的问题，也不需要引入第三方键盘处理库。

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