React Native 處理 iOS 鍵盤遮擋問題

使用 React Native 開發App，在不作處理的狀況下，iOS 可能會存在鍵盤遮擋輸入框的問題：

這個問題有不少處理方法，例如官方就提供了KeyboardAvoidingView組件。但這個組件並很差用，有時候甚至沒有效果。

解決方案

其實在 iOS 平臺，還有個很是簡單的方法，就是使用IQKeyboardManager庫，這是 iOS 平臺的一個 Native 庫。手動操做以下：

1. 下載 IQKeyboardManager，下載地址

2. 將解壓後的 IQKeyboardManager 文件夾添加到 iOS 工程。

   

   

3. 添加後會在左側的導航欄看到已添加的 IQKeyboardManager 文件夾。

   

4. 最後從新運行項目便可。

以上是 IQKeyboardManager 手動集成方式，使用 Pods 自動集成會更簡單。

處理後的效果

相關問題

1. 鍵盤頂部多了個工具欄

   解決: 在didFinishLaunchingWithOptions方法裏面添加下面代碼：

   // Objective-C
   [IQKeyboardManager sharedManager].enableAutoToolbar = NO;
   複製代碼

   // Swift
   IQKeyboardManager.shared().isEnableAutoToolbar = false
   複製代碼