SwiftUI 中 TextView 不足的解决之道：UIKit UI 控件的强大补充

2024-02-02 05:26:18

SwiftUI 与 UIKit 的结合

SwiftUI 是苹果公司推出的全新 UI 框架，它基于声明式编程范式，使开发者能够以更简洁、更直观的方式构建用户界面。但 SwiftUI 仍处于起步阶段，存在着一些局限性。例如，它对某些 UI 控件的支持还不够完善，其中之一便是 TextView。

TextView 的局限性

TextView 是一个文本编辑控件，它允许用户输入和编辑文本。在 SwiftUI 中，TextView 的功能相对有限，例如，它不支持富文本、无法设置文本对齐方式，也不支持文本选择和复制等操作。

UIKit UI 控件作为补充

UIKit 是苹果公司推出的老牌 UI 框架，它提供了丰富的 UI 控件，功能强大，但使用起来相对复杂。不过，UIKit UI 控件可以很好地弥补 SwiftUI 的不足，例如，我们可以使用 UIKit UI 控件来实现富文本、文本对齐、文本选择和复制等功能。

集成 UIKit UI 控件

将 UIKit UI 控件集成到 SwiftUI 中需要用到 Representable 协议。Representable 协议允许开发者将 UIKit UI 控件转换为 SwiftUI 视图。要使用 Representable 协议，需要实现两个方法：makeUIView 和 updateUIView。makeUIView 方法负责创建 UIKit UI 控件，而 updateUIView 方法负责更新 UIKit UI 控件。

示例代码

以下是一个使用 UIKit UI 控件实现富文本的示例代码：

struct TextViewWithRichText: View {
  @State private var text = ""

  var body: some View {
    UITextViewRepresentable(text: $text)
      .frame(height: 200)
  }
}

struct UITextViewRepresentable: UIViewRepresentable {
  @Binding var text: String

  func makeUIView(context: Context) -> UITextView {
    let textView = UITextView()
    textView.delegate = context.coordinator
    return textView
  }

  func updateUIView(_ uiView: UITextView, context: Context) {
    uiView.text = text
  }

  func makeCoordinator() -> Coordinator {
    Coordinator(self)
  }

  class Coordinator: NSObject, UITextViewDelegate {
    var parent: UITextViewRepresentable

    init(_ parent: UITextViewRepresentable) {
      self.parent = parent
    }

    func textViewDidChange(_ textView: UITextView) {
      parent.text = textView.text
    }
  }
}