Как переместить представление, когда клавиатура появляется в React Native?

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


person Karthick Kumar    schedule 21.03.2016    source источник


Ответы (2)


Как насчет того, чтобы перейти сейчас с нативным KeyboardAvoidingView (официальные документы)

import {KeyboardAvoidingView} from 'react-native';

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

Проверено на iOS, у меня отлично работает из коробки. Для Android рассмотрите возможность добавления параметра: android:windowSoftInputMode="adjustResize" в ваш AndroidManifest.xml

person deevee    schedule 29.10.2019

У меня была та же проблема: я хотел перемещать контент при появлении клавиатуры.

Я решил это, используя последний ответ на аналогичный вопрос:

Как автоматически сдвиньте окно из-за клавиатуры, когда TextInput имеет фокус?

В основном вы используете прослушиватели событий для клавиатуры и соответствующим образом настраиваете содержимое. Обратите внимание, однако, что слушатели различаются между iOS и Android. Android поддерживает только keyboardDidShow и keyboardDidHide, в то время как iOS также поддерживает keyboardWillShow и keyboardWillHide.

Надеюсь, поможет!

person pinewood    schedule 21.03.2016