React Native KeyboardAvoidingView не работает должным образом ⇐ IOS

[Anonymous]

Я пытался заставить экраны входа и регистрации правильно обрабатывать клавиатуру, но мне не удалось добиться бесперебойной работы. На данный момент открытие клавиатуры и перемещение элементов происходит медленно, в отличие от других приложений, которые, похоже, очень плавно управляются с клавиатурой. Кроме того, когда я добавляю вертикальное смещение, фон KeyboardAvoidingView, кажется, перекрывает ввод текста, а не просто позиционирует ввод текста выше. Я тестирую это на своем собственном устройстве iOS (iPhone 15)

Код: Выделить всё

import { View, Text, ScrollView, Image, TouchableOpacity, KeyboardAvoidingView, Platform } from 'react-native'
import React, { useState } from 'react'
import { SafeAreaView } from 'react-native-safe-area-context'
import { router, useLocalSearchParams } from 'expo-router';

import FormField from '../../components/FormField';
import CustomButton from '../../components/CustomButton';

const SignIn = () => {

return (



 router.push('/continue')}
>












Log In

 setForm({ ...form, email:e })}
otherStyles=''
keyboardType='email-address'
/>
  setForm({ ...form, password:e })}
otherStyles='mt-6'
/>


Forgot Password?







Want to create a new account?{' '}



Sign Up










)
}

export default SignIn

Это видео показывает странное поведение клавиатуры в приложении:
https://streamable.com/acab25
Это изображение приложения, на котором запечатлен фон клавиатуры и то, как он перекрывается с текстовым вводом (я установил белый цвет фона, чтобы попробовать обходной путь, но все равно выглядит странно):


Вот как выглядит экран входа в систему:


Я был бы очень признателен за любую помощь в том, как чтобы решить эту проблему, так как я провел много исследований и пробовал сторонние библиотеки, но ни одна из них не обеспечивает плавного взаимодействия с реализованной страницей.

Подробнее здесь: https://stackoverflow.com/questions/793 ... s-expected