javascript - React Native KeyboardAvoidingView涵盖了最后的文本输入

我正在使用行为设置为padding的React Native的Keyboard Avoiding View(在Android上进行测试)。

我的屏幕上有多个TextInputs。当我单击最终的TextInput时，键盘将其覆盖。现在，由于从KeyboardAvoidingView中添加了填充，我可以向下滚动，但是将其自动聚焦是理想的。

<Content>
  <KeyboardAvoidingView behavior='padding'>
    <TextInput placeholder='Example 1' />
    <TextInput placeholder='Example 2' />
    <TextInput placeholder='Example 3' />
    <TextInput placeholder='Example 4' />
    <TextInput placeholder='Example 5' />
    <TextInput placeholder='Example 6' />
    <TextInput placeholder='Example 7' />
  </KeyboardAvoidingView>
</Content>

最佳答案

有一个名为keyboardVerticalOffset的 Prop ，您可以将其传递给KeyboardAvoidingView，它将更改键盘经过textInput的移动量。
我的代码示例:

const keyboardVerticalOffset = Platform.OS === 'ios' ? 40 : 0

    return (
      <KeyboardAvoidingView behavior='position' keyboardVerticalOffset={keyboardVerticalOffset}>
        <ListView .../>
      <KeyboardAvoidingView/>
    )

关于javascript - React Native KeyboardAvoidingView涵盖了最后的文本输入，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43854912/