SwiftUI中TextEditor内容与光标间歇性超出边界问题求助

针对你遇到的TextEditor输入多行时内容和光标间歇性超出边界的问题，尤其是iPad设备上与输入法相关的情况，以下是几个可行的解决方案：

方案一：适配底部安全区域 #

通过获取当前视图的安全区域内边距，给TextEditor添加底部内边距，确保内容不会延伸到安全区域外，避免输入法弹出时的布局偏移：

struct ContentView: View {
    @State private var text = ""
    @Environment(\.safeAreaInsets) private var safeAreaInsets
    
    var body: some View {
        VStack {
            TextEditor(text: $text)
                .frame(maxWidth: .infinity, maxHeight: .infinity)
                .border(Color.gray, width: 1)
                .padding(.bottom, safeAreaInsets.bottom)
        }
        .padding()
    }
}

方案二：监听键盘高度动态调整内边距 #

通过监听键盘的显示/隐藏事件，实时调整TextEditor的底部内边距，确保键盘弹出时组件有足够的底部空间，避免内容被挤压超出边界：

struct ContentView: View {
    @State private var text = ""
    @State private var keyboardHeight: CGFloat = 0
    
    var body: some View {
        VStack {
            TextEditor(text: $text)
                .frame(maxWidth: .infinity, maxHeight: .infinity)
                .border(Color.gray, width: 1)
                .padding(.bottom, keyboardHeight)
        }
        .padding()
        .onAppear {
            let showObserver = NotificationCenter.default.addObserver(
                forName: UIResponder.keyboardWillShowNotification,
                object: nil,
                queue: .main
            ) { notification in
                guard let frame = notification.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? CGRect else { return }
                keyboardHeight = frame.height
            }
            
            let hideObserver = NotificationCenter.default.addObserver(
                forName: UIResponder.keyboardWillHideNotification,
                object: nil,
                queue: .main
            ) { _ in
                keyboardHeight = 0
            }
            
            NotificationCenter.default.removeObserver(showObserver)
            NotificationCenter.default.removeObserver(hideObserver)
        }
    }
}

方案三：用ScrollView包裹TextEditor #

部分场景下，将TextEditor放入ScrollView中并设置合适的滚动行为，可以修正滚动边界的异常问题：

struct ContentView: View {
    @State private var text = ""
    
    var body: some View {
        VStack {
            ScrollView {
                TextEditor(text: $text)
                    .frame(maxWidth: .infinity, minHeight: UIScreen.main.bounds.height - 100)
                    .border(Color.gray, width: 1)
            }
            .scrollDismissesKeyboard(.interactively)
        }
        .padding()
    }
}

其中，方案二通常能有效解决输入法相关的边界问题，因为它能实时响应键盘高度变化，动态调整组件布局；方案一适合基础的安全区域适配，方案三则针对滚动行为异常的场景。

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