SwiftUI macOS：如何调整使用RoundedBorderTextFieldStyle的TextField高度并保留原有样式与聚焦效果？

我完全理解你的需求——想要保留RoundedBorderTextFieldStyle自带的那种原生视觉效果（包括聚焦时的高亮边框），同时让输入框比默认尺寸稍大一些，还不能让字体跟着变大。你试过的scaleEffect确实会把整个元素（包括字体）都放大，而自定义样式又很难还原系统自带的聚焦状态，确实挺头疼的。

其实不用绕远路，我们可以直接通过给TextField添加内部padding的方式来实现需求，同时完全保留系统原生的RoundedBorderTextFieldStyle样式和聚焦效果。

修改后的代码如下：

TextField("Username", text: $username)
    .padding(8) // 给输入框内容添加内边距，让输入框整体变大，字体大小不受影响
    .textFieldStyle(RoundedBorderTextFieldStyle())
    .focused($focusedField, equals: .username)
    .onAppear {
        focusedField = .username
    }
    .onSubmit {
        submitCredentials()
    }

为什么这个方法可行？ #

• .padding(8)会给TextField的内容区域添加内边距，系统的RoundedBorderTextFieldStyle会自动适配这个带padding的内容，从而让输入框的整体尺寸变大，同时占位符和输入文字周围有了更充足的空间。
• 字体大小不会被放大，完全保持默认（或你自定义的）字体尺寸，完美解决了scaleEffect带来的字体过大问题。
• 系统自带的聚焦高亮、选中状态等交互效果会完全保留，不需要自己重新实现复杂的样式逻辑。

如果需要进一步调整尺寸或字体，你可以灵活修改参数：

TextField("Username", text: $username)
    .font(.title3) // 可选：按需调整字体大小
    .padding(10) // 调整内边距数值来控制输入框整体大小
    .textFieldStyle(RoundedBorderTextFieldStyle())
    .focused($focusedField, equals: .username)
    .onAppear {
        focusedField = .username
    }
    .onSubmit {
        submitCredentials()
    }

这种方法既简单又能完美匹配你的设计需求，还能保留系统原生的交互体验。

内容来源于stack exchange