React Native Web - Как сдвигается сдвиг Viewport, когда клавиатура закрыта на мобильных браузерах на iOS? ⇐ IOS

[Anonymous]

Для небольшого проекта, который я играю вокруг, React Native Web, и я сталкиваюсь с странной проблемой, которую я не совсем уверен, как объяснить, что происходит. У меня есть простая форма, в которой есть два члена TextInput из React-C-Ontaly. На Android это совершенно нормально. < /P>
Вот шаги, которые я делаю. (Показано здесь) Любая помощь будет оценена, так как цель состоит в том, чтобы поиграть с Native Web React, так как я просто играю с библиотекой. < /P>
Вот версии проекта: < /p>

React-Cnitive: 0,76,5 < /li>
react-native-paper: 5.12.5 < /li>


react-native-paper: 5.12. 0.19.13 < /li>
Expo: 52.0.23 < /li>
< /ul>
Наконец, вот демонстрационный код, который демонстрирует проблему для меня. < /P>
import { Button, Text, TextInput, useTheme } from "react-native-paper";
import { Controller, useForm } from "react-hook-form";

import { DatePickerModal } from "react-native-paper-dates";
import HeaderBar from "../components/header/HeaderBar";
import { View } from "react-native-web";
import { useState } from "react";

interface EventFormData {
id: number | null;
name: string;
description?: string;
date: Date;
}

const EventScreen = () => {
const theme = useTheme();
const {
control,
handleSubmit,
setValue,
watch,
formState: { errors },
} = useForm();

const [showDatePicker, setShowDatePicker] = useState(false);
const selectedDate = watch("date");

const validateDate = (value: Date) => {
if (!value) return "Date is required";
const today = new Date();
today.setHours(23, 59, 0, 0);
if (value > today) return "Date cannot be in the future";
return true;
};

const onFormSubmit = async (data: EventFormData) => {
console.log("Replacing implementation to show issue")
};

return (



Add Event

(

)}
/>
{errors.name && {errors.name.message}}

(

)}
/>
{errors.description && {errors.description.message}}

(

setShowDatePicker(true)}>
{value ? value.toDateString() : "Select Date"}

{errors.date && {errors.date.message}}

)}
/>

setShowDatePicker(false)}
onConfirm={(params) => {
setShowDatePicker(false);
setValue("date", params.date);
}}
/>



Submit




)
}

export default EventScreen
< /code>
Я ожидал, что, поскольку представление сдвинуто при открытии клавиатуры, она автоматически переключается обратно, когда клавиатура закрыта. Тем более, что тот же код работает на мобильных браузерах на Android.

Подробнее здесь: https://stackoverflow.com/questions/795 ... sed-on-mob