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>

我的表格左右两侧。

当我在模拟器中运行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>

如何处理TextInput上的键盘显示反应原生

1 个答案: