如何处理TextInput上的键盘显示反应本机

Question

我是新的反应原生。

我有我的表单如

<View style={{flex:1, flexDirection='row'}}> 
    <View style={flex:1, flexDirection='column', justifyContent='center}}> //left 

    <View style={{flex:1}}> 
     <TextInput placeholder='TEST' /> 
    </View> 

    </View> 

    <View style={flex:1, flexDirection='column', justifyContent='center' }}> //right 

    <View style={{flex:1}}> 
     <TextInput placeholder='TEST' /> 
    </View> 

    </View> 
</View> 

我的窗体已2边左右。

当我在模拟器中运行npm start（我由create-rect-native-app启动）。

然后我点击输入标签。 iOS的键盘出现并重叠到输入选项卡。

当我键入内容时，我看不到输入选项卡中发生了什么。

有没有没有使用ScrollView的解决方案？

谢谢

Answer 1

你可以用所有KeyboardAvoidingView当键盘显示

<KeyboardAvoidingView behavior="padding" style={{flex:1, flexDirection:'row'}} > 
    <View style={{flex:1, flexDirection:'column', justifyContent:'center' }} > 

     <View style={{flex:1}}> 
     <TextInput placeholder='TEST' /> 
     </View> 

    </View> 

    <View style={{flex:1, flexDirection:'column', justifyContent:'center' }}> 

     <View style={{ flex:1 }}> 
     <TextInput placeholder='TEST' /> 
     </View> 

    </View> 
    </KeyboardAvoidingView>