SwiftUI中根据键盘语言自动切换TextField方向及占位符

核心思路 #

通过监听键盘输入语言变化，动态调整TextField的文本排版方向（LTR/RTL）和占位符文本，仅跟随当前活跃的键盘语言，无需依赖系统全局语言设置。

实现步骤 #

1. 创建键盘语言监听类
   利用ObservableObject结合通知中心，监听键盘激活和编辑事件，实时检测当前键盘语言并更新排版方向与占位符：

   import SwiftUI
   import Combine
   
   class KeyboardLanguageObserver: ObservableObject {
       @Published var layoutDirection: LayoutDirection = .leftToRight
       @Published var placeholder: String = "Type here ..."
       
       private var cancellables = Set<AnyCancellable>()
       
       init() {
           // 监听键盘弹出、编辑开始事件
           NotificationCenter.default.publisher(for: UIKeyboardWillShowNotification)
               .merge(with: NotificationCenter.default.publisher(for: UITextField.textDidBeginEditingNotification))
               .sink { [weak self] _ in
                   self?.updateKeyboardLanguage()
               }
               .store(in: &cancellables)
           
           // 初始化时检查一次当前键盘语言
           updateKeyboardLanguage()
       }
       
       private func updateKeyboardLanguage() {
           guard let activeInputMode = UITextInputMode.activeInputModes.first(where: { $0.isActive }),
                 let languageCode = activeInputMode.primaryLanguage else { return }
           
           if languageCode.hasPrefix("ar") {
               layoutDirection = .rightToLeft
               placeholder = "اكتب هنا..."
           } else {
               layoutDirection = .leftToRight
               placeholder = "Type here ..."
           }
       }
   }
   

2. 在视图中集成监听逻辑
   将监听类实例注入视图，绑定TextField的占位符和排版方向，并在文本编辑过程中再次检查键盘语言，避免漏检切换操作：

   struct ContentView: View {
       @State private var text = ""
       @StateObject private var keyboardObserver = KeyboardLanguageObserver()
       
       var body: some View {
           TextField(keyboardObserver.placeholder, text: $text)
               .padding()
               .background(Color.gray.opacity(0.1))
               .cornerRadius(10)
               .environment(\.layoutDirection, keyboardObserver.layoutDirection)
               .onChange(of: text) { _ in
                   keyboardObserver.updateKeyboardLanguage()
               }
       }
   }
   

关键说明 #

• UITextInputMode.activeInputModes用于获取当前活跃的键盘输入模式，通过primaryLanguage判断语言类型（阿拉伯语以ar开头）。
• 同时监听键盘弹出和编辑开始事件，确保在不同场景下都能触发语言检测。
• 使用@StateObject管理监听类实例，保证视图生命周期内的状态一致性。

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