Средство выбора даты реакции-native-paper-dates не отображается ⇐ CSS

[Anonymous]

Я пытаюсь добавить на свой сайт средство выбора даты. Средство выбора даты не отображается на экране, если ширина экрана не меньше 650. Ширина экрана 1920 – не отображается. Когда он появляется, он выглядит очень раздавленным, цифры накладываются друг на друга. Он появляется в крайнем левом углу экрана. Я думаю начало флексбокса? Ширина экрана 650 - показывает. Я не уверен в React Native или CSS, поэтому я просто все менял, чтобы посмотреть, что он делает. Я пробовал изменить отступы, поля, ширину, minWidth DatePickerModal, а также изменить CSS представления, содержащего DatePicker.
Импорт:

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

import { DatePickerModal } from "react-native-paper-dates";

Возврат, содержащий средство выбора даты

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

  return (




 {
console.log("open");
setshowAll(true);
setShow(false);
setOpen(false);
}}
/>

);

Стиль представления, показывающий, что я пробовал.

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

test: {
minWidth: 1000,
alignContent: "center",
alignItems: "center",
alignSelf: "center",
flexWrap: "wrap",
width: 600,
position: "absolute",
left: 50,
top: 50,
},

Я также пробовал удалить PaperProvider, но это ничего не изменило.
Я использую Expo для запуска веб-сайта в Chrome. Он создан с помощью React Native.

Подробнее здесь: https://stackoverflow.com/questions/694 ... displaying