Когда TextInput находится в фокусе, клавиатура скрывает кнопку отправки. Как автоматически перемещать компоненты под TextInput
Как переместить представление, когда клавиатура появляется в React Native?
Ответы (2)
Как насчет того, чтобы перейти сейчас с нативным KeyboardAvoidingView (официальные документы)
import {KeyboardAvoidingView} from 'react-native';
<KeyboardAvoidingView style={styles.container} behavior="padding" enabled>
... your UI ...
</KeyboardAvoidingView>;
Проверено на iOS, у меня отлично работает из коробки. Для Android рассмотрите возможность добавления параметра: android:windowSoftInputMode="adjustResize"
в ваш AndroidManifest.xml
У меня была та же проблема: я хотел перемещать контент при появлении клавиатуры.
Я решил это, используя последний ответ на аналогичный вопрос:
Как автоматически сдвиньте окно из-за клавиатуры, когда TextInput имеет фокус?
В основном вы используете прослушиватели событий для клавиатуры и соответствующим образом настраиваете содержимое. Обратите внимание, однако, что слушатели различаются между iOS и Android. Android поддерживает только keyboardDidShow и keyboardDidHide, в то время как iOS также поддерживает keyboardWillShow и keyboardWillHide.
Надеюсь, поможет!