当键盘在react Native中显示键盘上显示键盘时如何处理

Question

我是React Native的新手。

我有这样的表格

<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启动（通过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>