反應原生軟鍵盤問題

我在屏幕底部有TextInput。當TextInput被關注時，鍵盤出現，並且由於這個，所有的flex視圖都縮小到可用的屏幕。我希望實現該頁面佈局不應該改變和輸入應該是用戶可見。反應原生軟鍵盤問題

<View style={MainView}> 
     <View style={subMain1}> 
      <View style={{flex:1,backgroundColor:'#add264'}}></View> 
      <View style={{flex:1,backgroundColor:'#b7d778'}}></View> 
      <View style={{flex:1,backgroundColor:'#c2dd8b'}}></View> 
     </View> 
     <View style={subMain2}> 
      <View style={{flex:1,backgroundColor:'#cce39f'}}></View> 
      <View style={{flex:1,backgroundColor:'#d6e9b3'}}></View> 
      <View style={{flex:1,backgroundColor:'#69ee9a'}}> 
       <TextInput placeholder="input field"/> 
      </View> 

     </View> 
    </View>

常量樣式= {

MainView:{ 
    flex:1, 
    backgroundColor:'green' 
}, 
subMain1:{ 
    flex:1, 
    backgroundColor:'blue' 
}, 
subMain2:{ 
    flex:1, 
    backgroundColor:'orange' 
}

}