react-native裏TextInput遇到的一些問題及解決方案

最近在用react-native作頁面，遇到了一些問題，下面就根據這些問題來總結一下。

一、多個tab按鈕的默認以及選中狀態樣式功能切換

由於在react-native裏咱們沒法利用css的active來設置，因此就須要想其餘的方法來處理這個問題。

我想到的方法：給每個按鈕設置一個index,而後根據當前的index來判斷哪一個按鈕處於選中狀態，以及在選中狀態下要作的操做。

例子演示：https://rnplay.org/apps/fgncag

二、TextInput得到焦點時，模擬器不出現鍵盤

緣由在於：須要勾選 Hardware -> Keyboard -> Toggle Software keyboard

三、TextInput失去焦點時，鍵盤不消失

須要給當前的TextInput設置一個ref屬性，以及onFocus方法來實現。

例子演示：https://rnplay.org/apps/NNnuMA

四、鍵盤彈起遮擋住後面的內容

直接看解決代碼吧：https://rnplay.org/apps/y0oAuQ