Я создаю экран чата в React-Native, и проблема, с которой я сейчас сталкиваюсь, заключается в том, что, когда я включаю клавиатуру, контент перемещается не так, как предполагалось. Я попробовал несколько вещей, но ни одна из них не сработала, как ожидалось.
Вот экран, на котором я отметил контент, который должен быть перемещен вверх при наличии клавиатуры:
Во-первых, я попробовал следующую структуру
<ScrollView scrollEnabled={false} keyboardShouldPersistTaps="handled">
<KeyboardAvoidingView behavior="position">
/...The rest of the content.../
</KeyboardAvoidingView>
</ScrollView
и вот экран
как видно на изображении, весь контейнер «подталкивается» клавиатурой, а когда клавиатура исчезает, содержимое возвращается в нормальное положение.
Во втором случае я попытался присвоить параметру behavior
KeyboardAvoidingView
значение "padding"
, но это не помогло, клавиатура просто перемещалась по экрану, и содержимое не отображалось. не изменять вообще
И, по крайней мере, я попытался присвоить тому же behavior
значение "height"
, и оно, казалось, работало, как я хотел, но проблема появилась, когда клавиатура исчезла - перемещенный контент не перешел в исходное положение. Вот экраны: