SwiftUI如何移除TextEditor默认内边距 实现与Text组件对齐

SwiftUI 原生TextEditor底层封装的是UIKit的UITextView，默认自带两层无法通过原生SwiftUI修饰符直接移除的额外内边距：

• 文本容器默认textContainerInset为上下各8pt
• 文本片段默认lineFragmentPadding为左右各5pt

普通Text组件默认无额外内边距，两者切换时自然会出现位置错位。你当前的代码只处理了编辑器背景透明，没有修正默认边距，所以对齐异常。

两种实现方式可选，核心都是把TextEditor的默认内边距清零，和Text边距保持一致：

方案1：无第三方依赖，直接修正边距 #

通过全局外观代理调整边距，同时用负Padding抵消默认间距，注意在页面消失时恢复默认值，避免影响App内其他页面的TextEditor样式。修复后的完整代码如下：

struct SwiftUIView: View {
    
    @State var name: String = "test"
    @State var showEdit: Bool = true
    
    var body: some View {
        HStack(alignment: .center) {
            Group {
                if showEdit {
                    CustomTextEditor(placeholder: "My unique name", text: $name)
                        .font(.headline)
                        .frame(minHeight: 30) // 给编辑器设置最小高度，避免和Text高度差导致错位
                } else {
                    Text(name)
                        .font(.headline)
                }
            }
            .frame(maxWidth: .infinity, alignment: .leading)
            
            Button(action: {
                showEdit.toggle()
            }) {
                Image(systemName: "pencil")
                    .foregroundColor(.secondary)
            }
        }
        .padding()
    }
}

struct CustomTextEditor: View {
    let placeholder: String
    @Binding var text: String
    
    var body: some View {
        ZStack(alignment: .leading) {
            if text.isEmpty  {
                Text(placeholder)
                    .foregroundColor(Color.primary.opacity(0.25))
            }
            TextEditor(text: $text)
                // 抵消TextEditor默认的内置边距
                .padding(.top, -8)
                .padding(.bottom, -8)
                .padding(.horizontal, -5)
                .scrollContentBackground(.hidden) // iOS16+ 可直接隐藏原生背景，不需要用appearance修改
        }
        .onAppear {
            // 兼容iOS16以下版本的背景透明设置
            UITextView.appearance().backgroundColor = .clear
            UITextView.appearance().textContainerInset = .zero
            UITextView.appearance().lineFragmentPadding = 0
        }
        .onDisappear {
            // 恢复默认设置，不影响其他页面
            UITextView.appearance().backgroundColor = nil
            UITextView.appearance().textContainerInset = UIEdgeInsets(top: 8, left: 0, bottom: 8, right: 0)
            UITextView.appearance().lineFragmentPadding = 5
        }
    }
}

方案2：单实例修改（推荐，无全局污染） #

如果不想用全局外观代理，可以接入SwiftUI-Introspect库，直接拿到当前TextEditor对应的UITextView实例单独修改边距，不会影响其他位置的编辑器：

// 替换CustomTextEditor里的TextEditor部分代码
TextEditor(text: $text)
    .introspectTextView { textView in
        textView.backgroundColor = .clear
        textView.textContainerInset = .zero
        textView.textContainer.lineFragmentPadding = 0
    }

• 给编辑器设置和Text一致的最小高度，避免因为两者默认高度差导致垂直方向错位
• 占位符需要和输入文本设置完全一致的字体、字重、边距，保证空状态下占位符位置和输入文本对齐
• iOS16及以上版本推荐使用.scrollContentBackground(.hidden)隐藏编辑器原生背景，不需要通过全局appearance修改，稳定性更高

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