如何移除SwiftUI中TextEditor的默认内边距？

方案一：给占位符Text匹配TextEditor默认内边距 #

SwiftUI的TextEditor默认带有内边距（iOS上通常是顶部8pt、左侧6pt左右），直接叠加的占位符文本会因缺少对应内边距出现偏移。你可以给占位符Text添加匹配的padding来对齐：

TextEditor(text: $description)
    .overlay(alignment: .topLeading) {
        if description.isEmpty {
            Text("Description")
                .foregroundStyle(.tertiary)
                .padding(.top, 8)
                .padding(.leading, 6)
                .allowsHitTesting(false)
        }
    }

注意：不同系统版本或平台（如macOS）的默认内边距可能有细微差异，可根据预览效果微调数值。

方案二：自定义无内边距的TextEditor（推荐） #

如果不想依赖系统默认内边距数值，可通过UIViewRepresentable封装原生UITextView，完全控制内边距与占位符逻辑，从根源解决对齐问题：

struct CustomTextEditor: UIViewRepresentable {
    @Binding var text: String
    let placeholder: String
    
    func makeUIView(context: Context) -> UITextView {
        let textView = UITextView()
        // 匹配SwiftUI默认字体
        textView.font = UIFont.preferredFont(forTextStyle: .body)
        // 移除所有内边距
        textView.textContainerInset = .zero
        textView.contentInset = .zero
        // 设置初始占位符
        textView.text = placeholder
        textView.textColor = .tertiaryLabel
        textView.delegate = context.coordinator
        return textView
    }
    
    func updateUIView(_ uiView: UITextView, context: Context) {
        // 同步绑定的文本值
        if !text.isEmpty && uiView.text == placeholder {
            uiView.text = text
            uiView.textColor = .label
        } else if text.isEmpty && uiView.text.isEmpty {
            uiView.text = placeholder
            uiView.textColor = .tertiaryLabel
        }
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }
    
    class Coordinator: NSObject, UITextViewDelegate {
        let parent: CustomTextEditor
        
        init(_ parent: CustomTextEditor) {
            self.parent = parent
        }
        
        // 开始编辑时清除占位符
        func textViewDidBeginEditing(_ textView: UITextView) {
            if textView.text == parent.placeholder {
                textView.text = ""
                textView.textColor = .label
            }
        }
        
        // 结束编辑时为空则恢复占位符
        func textViewDidEndEditing(_ textView: UITextView) {
            if textView.text.isEmpty {
                textView.text = parent.placeholder
                textView.textColor = .tertiaryLabel
            }
            parent.text = textView.text
        }
        
        // 实时同步文本到绑定值
        func textViewDidChange(_ textView: UITextView) {
            parent.text = textView.text
        }
    }
}

// 使用示例
// CustomTextEditor(text: $description, placeholder: "Description")

这个方案兼容性强，不受系统版本内边距变化影响，占位符与输入文本对齐完全一致。

方案三：调整TextEditor内边距（仅iOS 16+） #

从iOS 16开始，SwiftUI的TextEditor支持通过textContentInsets直接设置内边距，可将其设为EdgeInsets()移除默认内边距，再给占位符和TextEditor统一添加自定义padding：

TextEditor(text: $description)
    .textContentInsets(.zero)
    .padding(8)
    .overlay(alignment: .topLeading) {
        if description.isEmpty {
            Text("Description")
                .foregroundStyle(.tertiary)
                .padding(8)
                .allowsHitTesting(false)
        }
    }

这种方式适合仅需适配iOS 16及以上版本的场景，代码更简洁。

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