SwiftUI TextField（含安全版）边框内文本内边距调整问题

默认的.roundedBorder文本框样式无法直接调整内部文本与边框的间距，直接添加.padding()会给整个控件增加外边距，而非内部间距。你可以通过自定义TextFieldStyle实现需求，无需额外嵌套视图：

1. 自定义文本框样式 #

struct CustomRoundedBorderTextFieldStyle: TextFieldStyle {
    func _body(configuration: TextField<Self._Label>) -> some View {
        configuration
            .padding(12) // 调整此处数值控制文本与边框的内部间距
            .border(Color.gray, cornerRadius: 8) // 模拟roundedBorder风格的边框
    }
}

// 扩展样式，方便直接调用
extension TextFieldStyle where Self == CustomRoundedBorderTextFieldStyle {
    static var customRoundedBorder: CustomRoundedBorderTextFieldStyle {
        CustomRoundedBorderTextFieldStyle()
    }
}

2. 应用到TextField和SecureField #

// TextField示例
TextField("Email Address", text: $emailAddress)
    .textFieldStyle(.customRoundedBorder)
    .keyboardType(.emailAddress)

// SecureField示例
SecureField("Password", text: $password)
    .textFieldStyle(.customRoundedBorder)

自定义调整说明 #

• 修改.padding(12)的数值可精准控制文本与边框的间距
• 调整.border的Color和cornerRadius参数，可自定义边框颜色、圆角大小，完全匹配目标样式

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