如何防止 TextEditor 在 SwiftUI 中滚动？

Question

我正在尝试创建一个 TextEditors 列表作为 SwiftUI 应用程序的一部分。我希望各个编辑器不要滚动，因为它们构成了一个更大的滚动列表。但是，当我将 TextEditors 添加到列表中时，它们会向下压缩，并且每个视图都可以单独滚动。是否有修饰符/技巧可以让 TextEditor 始终适合其文本内容而不滚动，所以我可以实现这一点？

我正在尝试做的一个最小示例如下：

struct ParentView: View {
    var items: [Item]

    var body: some View {
        List(items, id: \.id) { item in
            EditorView(item: item)
        }
    }
}

struct EditorView: View {
    @ObservedObject var item: Item

    var body: some View {
         TextEditor(text: $item.text)
    }
}

这是在 macOS SwiftUI 应用程序中，而不是 iOS 应用程序中，以防存在任何平台差异。

编辑：正如 cmets 中指出的那样，我尝试了这种方法 Dynamic row hight containing TextEditor inside a List in SwiftUI，但它似乎无法正常工作 - 行仍然没有正确扩展。

Answer 1

iOS 15 可以用在initUITextView.appearance().isScrollEnabled = false

init(para: EditorParagraph) {
      self._para = StateObject(wrappedValue: para)
      UITextView.appearance().backgroundColor = .clear
      UITextView.appearance().textDragInteraction?.isEnabled = false
      UITextView.appearance().isScrollEnabled  = false // here
}

var body: some View{
    ZStack {
        Text(para.content.isEmpty ? para.placeholder : para.content)
            .font(.system(size: para.fontSize, weight: para.content.isEmpty ? .thin : .regular))
            .lineSpacing(6)
            .opacity(para.content.isEmpty ? 1 : 0)
            .padding(.all, 8)
            .frame(maxWidth: .infinity, alignment: .leading)
    
        TextEditor(text: $para.content)
            .font(.system(size: para.fontSize, weight: .regular))
            .foregroundColor(.black)
            .lineSpacing(6)
    
    }
}

Answer 2

为了解决这个问题，我最终使用.fixedSize(horizontal: false, vertical: true) 修饰符将TextEditor 修复为完整大小，然后Dynamic row hight containing TextEditor inside a List in SwiftUI 中的解决方案可以在列表中按预期工作。

Answer 3

SwiftUI-Introspect 库最近增加了对TextEditor 的支持。您可以使用它来查找 TextEditor 使用的底层文本视图，并禁用该视图的滚动：

TextEditor(text: $item.text)
    .introspectTextView { textView in
        textView.isScrollEnabled = false
    }