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

Question

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

我的屏幕上有多个 TextInput。当我单击最后一个 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>

Answer 1

有一个名为 keyboardVerticalOffset 的 Prop ，您可以将其传递给 KeyboardAvoidingView，这将改变键盘移过 textInput 的距离。我的代码示例:

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

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