У меня есть очень простой модальный компонент с TextInput внутри, и всякий раз, когда я фокусируюсь на TextInput, весь мой вид поднимается вверх.
Для модальных окон меньшего размера это не проблема, однако у меня есть несколько модальных окон с большей высотой, где у меня есть TextInput в самом верху, благодаря чему мой текст выше исчезает.
Я использую Expo.
Что я пробовал:
[*]Добавьте expo/android/softwareKeyboardLayoutMode : "pan" в expo app.json [*]Используйте KeyboardAvoidingView [*]Используйте сторонний модальный компонент react-native-modal
Код:
import React, { useState } из 'react'; импортировать {View, Text, Button, KeyboardAvoidingView, StatusBar, Dimensions} из «реагировать-родной»; import { TextInput } из 'реагировать-родной-жест-обработчик'; импортировать модальный файл из «реагировать-родной-модальный»; const TestModal = ({ видимый, onClose }) => { const window = Dimensions.get('окно'); const WINDOW_HEIGHT = window.height; возвращаться ( Это модальное окно ); }; экспортировать TestModal по умолчанию;

Мобильная версия