Сохраняйте небольшой разрыв в вводе текста и клавиатуре, когда ввод текста сосредоточен

Question

У меня есть несколько текстовых входов на моем экране, когда текстовый ввод находится в фокусе, появляется клавиатура, и контент перемещается вверх.

В настоящее время это выглядит как

В настоящее время это сбивает с толку пользователей, было бы выглядеть лучше, если бы был небольшой разрыв между textInput и Keyboard. Есть способ сделать это. Спасибо

ПРИМЕЧАНИЕ: все это внутри ScrollView.

Answer 1

Попробуйте использовать KeyboardAvoidingView

как

import { KeyboardAvoidingView } from 'react-native';

<KeyboardAvoidingView style={styles.container} behavior="padding" enabled>
  ... your UI ...
</KeyboardAvoidingView>

https://facebook.github.io/react-native/docs/keyboardavoidingview.html