Клавиатура React Native поднимает модальное окно на AndroidAndroid

Форум для тех, кто программирует под Android
Ответить
Anonymous
 Клавиатура React Native поднимает модальное окно на Android

Сообщение Anonymous »


У меня есть очень простой модальный компонент с 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 по умолчанию;
Изображение

Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Android»