如何在iOS上实现媲美Apple Notes的流畅文本编辑性能？

问题本质 #

SwiftUI的TextEditor和UIKit原生UITextView在处理大文本（如30万+字符）时卡顿，核心原因是默认实现未充分利用TextKit 2的高效排版能力，而Apple Notes基于TextKit 2做了深度优化，包括异步排版、增量渲染、按需加载等特性。

核心解决思路 #

直接基于TextKit 2构建自定义可编辑文本视图，手动配置布局管理器和文本容器，启用TextKit 2的高性能特性，同时关闭不必要的系统默认消耗。

基础实现示例 #

1. 自定义TextKit 2 UITextView子类

import UIKit

class HighPerformanceTextView: UITextView {
    init() {
        let textContainer = NSTextContainer(size: .zero)
        let layoutManager = NSLayoutManager()
        layoutManager.addTextContainer(textContainer)
        
        // 启用TextKit 2（iOS 15+）
        if #available(iOS 15.0, *) {
            layoutManager.usesTextKit2 = true
        }
        
        super.init(frame: .zero, textContainer: textContainer)
        
        // 性能优化配置
        isScrollEnabled = true
        showsVerticalScrollIndicator = true
        showsHorizontalScrollIndicator = false
        
        // 关闭不必要的消耗型特性
        autocorrectionType = .no
        spellCheckingType = .no
        smartQuotesType = .no
        smartDashesType = .no
        linkTextAttributes = [:]
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    override func layoutSubviews() {
        super.layoutSubviews()
        // 动态适配文本容器尺寸
        textContainer.size = bounds.size
        textContainerInset = UIEdgeInsets(top: 16, left: 16, bottom: 16, right: 16)
    }
}

2. SwiftUI桥接组件

import SwiftUI

struct HighPerformanceTextEditor: UIViewRepresentable {
    @Binding var text: String
    
    func makeUIView(context: Context) -> HighPerformanceTextView {
        let textView = HighPerformanceTextView()
        textView.delegate = context.coordinator
        textView.text = text
        return textView
    }
    
    func updateUIView(_ uiView: HighPerformanceTextView, context: Context) {
        // 避免无意义的文本更新
        guard uiView.text != text else { return }
        uiView.text = text
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }
    
    class Coordinator: NSObject, UITextViewDelegate {
        let parent: HighPerformanceTextEditor
        
        init(_ parent: HighPerformanceTextEditor) {
            self.parent = parent
        }
        
        func textViewDidChange(_ textView: UITextView) {
            parent.text = textView.text
        }
    }
}

// 使用示例
struct ContentView: View {
    @State private var text = "" // 可加载大文本内容
    
    var body: some View {
        HighPerformanceTextEditor(text: $text)
            .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity)
            .background(Color(UIColor.systemBackground))
    }
}

进阶优化建议 #

• 分段加载文本：针对百万级字符的超大型文本，实现按需加载，仅将可见区域及前后缓冲段的文本加载到TextKit中，其余文本缓存到磁盘或内存
• 异步文本处理：文本解析、格式化等操作放到后台线程，避免阻塞主线程
• 自定义渲染：通过NSLayoutManagerDelegate自定义文本渲染逻辑，跳过系统默认的冗余渲染步骤

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