向 TextEditor 添加水平填充，但防止它因此在内部移动滚动条

Question

我正在使用我想要包含水平填充的 TextEditor，这样文本就不会粘在任何边缘上。但是，问题是如果我包含它，并且其中的文本是可滚动的，那么滚动条不会定位到最右边，而是通过填充量向内移动。

        TextEditor(text: $text)
         .background(Color.white)
         .foregroundColor(Color.black)
         .frame(maxWidth: .infinity, maxHeight: .infinity)
         .customFont(.body)
         .lineSpacing(8)
         .padding(.leading)
         .padding(.trailing)

Answer 1

您向外部框架添加了填充，但需要缩进内部文本容器。使用外观的可能解决方案（因为 TextEditor 实际上是 UITextView）。所以解决方案是在 TextEditor

的父视图中添加以下内容

init() {
    UITextView.appearance().textContainerInset = 
         UIEdgeInsets(top: 0, left: 12, bottom: 0, right: 12)   // << !!
}

// ... other code

    TextEditor(text: $text)
     .background(Color.white)
     .foregroundColor(Color.black)
     .frame(maxWidth: .infinity, maxHeight: .infinity)
     .customFont(.body)
     .lineSpacing(8)

测试 Xcode 12 / iOS 14

向 TextEditor 添加水平填充，但防止它因此在内部移动滚动条

Add horizontal padding to TextEditor but prevent it from shifting scrollbar inside as a result

text-editor

ios

swift

swiftui