如何在 MacOS 的 SwiftUI 中創建多行文本字段？

Question

我正在使用 Swift 編寫我的第一個 MacOS 應用程序。 我需要創建一個允許多個段落的簡單可編輯文本框。 在 HTML 中，這將是一個textarea 。

我認為 iOS 14 將包含TextEditor ，但現在還沒有，而且我不知道這是否會出現在 MacOS 中。

我見過的許多解決方案都假定 iOS 和 UIKit。

如何使用 SwiftUI 和 MacOS 做到這一點？

更新

有人提出這個問題類似於這個問題： How do I create a multiline TextField in SwiftUI?

我已經看過這個問題，但是：

• 鏈接的問題專門針對 iOS，但我的是針對 MacOS
• 據我所知，答案是專門針對使用 UIKit 的 iOS 的。 如果有人願意解釋這如何回答我的 MacOS 問題，我會非常感興趣……

Answer 1

這是iOS14 TextEditor等組件的一些初始演示。

使用 Xcode 11.7 / macOS 10.15.6 准備和測試的演示

struct TestTextArea: View {
    @State private var text = "Placeholder: Enter some text"

    var body: some View {
        VStack {
            TextArea(text: $text)
                .border(Color.black)
//            Text(text) // uncomment to see mirror of enterred text
        }.padding()
    }
}

struct TextArea: NSViewRepresentable {
    @Binding var text: String

    func makeNSView(context: Context) -> NSScrollView {
        context.coordinator.createTextViewStack()
    }

    func updateNSView(_ nsView: NSScrollView, context: Context) {
        if let textArea = nsView.documentView as? NSTextView, textArea.string != self.text {
            textArea.string = self.text
        }
    }

    func makeCoordinator() -> Coordinator {
        Coordinator(text: $text)
    }

    class Coordinator: NSObject, NSTextViewDelegate {
        var text: Binding<String>

        init(text: Binding<String>) {
            self.text = text
        }

        func textView(_ textView: NSTextView, shouldChangeTextIn range: NSRange, replacementString text: String?) -> Bool {
            defer {
                self.text.wrappedValue = (textView.string as NSString).replacingCharacters(in: range, with: text!)
            }
            return true
        }

        fileprivate lazy var textStorage = NSTextStorage()
        fileprivate lazy var layoutManager = NSLayoutManager()
        fileprivate lazy var textContainer = NSTextContainer()
        fileprivate lazy var textView: NSTextView = NSTextView(frame: CGRect(), textContainer: textContainer)
        fileprivate lazy var scrollview = NSScrollView()

        func createTextViewStack() -> NSScrollView {
            let contentSize = scrollview.contentSize

            textContainer.containerSize = CGSize(width: contentSize.width, height: CGFloat.greatestFiniteMagnitude)
            textContainer.widthTracksTextView = true

            textView.minSize = CGSize(width: 0, height: 0)
            textView.maxSize = CGSize(width: CGFloat.greatestFiniteMagnitude, height: CGFloat.greatestFiniteMagnitude)
            textView.isVerticallyResizable = true
            textView.frame = CGRect(x: 0, y: 0, width: contentSize.width, height: contentSize.height)
            textView.autoresizingMask = [.width]
            textView.delegate = self

            scrollview.borderType = .noBorder
            scrollview.hasVerticalScroller = true
            scrollview.documentView = textView

            textStorage.addLayoutManager(layoutManager)
            layoutManager.addTextContainer(textContainer)

            return scrollview
        }
    }
}

備份