(十一)ReactNative 解決TextInput輸入框被輸入法遮蓋問題

RN中要解決鍵盤遮擋輸入框的問題其實有挺多方式，比如博客：http://www.cnblogs.com/pofabs/p/5109021.html，但是此種方法並沒有試，感覺一個輸入法遮蓋問題在RN就需要這麼麻煩，不太科學，肯定有插件去做這件事，又去社區轉了一圈，發下有人回帖說：
react-native-keyboard-spacer：https://github.com/Andr3wHur5t/react-native-keyboard-spacer

但是又看到有人遇到的：
在 ScrollView / ListView 組件內部存在 TextInput 組件，要求輸入框獲取焦點時，視圖容器自動調整滾動高度，確保輸入框出現在鍵盤上方。
實現方式：
KeyboardAvoidingView：http://facebook.github.io/react-native/docs/keyboardavoidingview.html
React Native 提供的組件，但要求 react-native 版本大於等於 0.29

本人只是一個登陸界面的用戶名和密碼輸入被遮蓋問題，以上三種都沒有采用，而是：
react-native-keyboard-aware-scroll-view：https://github.com/APSL/react-native-keyboard-aware-scroll-view
社區提供的一個解決方案：
版本支持：
v0.2.0 requires RN>=0.32.0.
v0.1.2 requires RN>=0.27.2 but you should use 0.2.0 in order to make it work with multiple scroll views.
v0.0.7 requires react-native>=0.25.0.
Use v0.0.6 for older RN versions.

用法：
根目錄命令提示符：npm i react-native-keyboard-aware-scroll-view –save

然後在輸入框的component中引入：
import { KeyboardAwareScrollView } from ‘react-native-keyboard-aware-scroll-view’

<KeyboardAwareScrollView>
  <View>
    <TextInput />
  </View>
</KeyboardAwareScrollView>