поскольку в приложениях iOS и Android React Native нет концепции прокрутки на уровне страницы, все работает нормально. Однако в React Native Web компоненты моего приложения расширяются за пределы представлений и вызывают расширение самой страницы. Например, на снимке экрана ниже у меня есть два FlatList, которые расширяются за пределы области просмотра и прокручивают страницу вместо того, чтобы сами оставаться меньшими прокручиваемыми представлениями.
Как ограничить все приложение, чтобы представления работали так же, как и на других платформах React Native?
Спасибо.
Решение проблемы
Два решения, которые пришли на ум, это; установка размера самого внешнего компонента в размер экрана.
Либо по;
определение размеров самостоятельно в стиле css, напримерheight:800
сохраняя его более общим сheight:"100%"
Это ограничит a, <FlatList>чтобы оставаться в пределах размеров его родителя. Таким образом, если вы установите родительский компонент в качестве желаемого измерения, дочерние компоненты будут ограничены этими измерениями.
Вот простой пример: https://snack.expo.dev/ajO0MxcZE
Как видите, <FlatList>границы не превышают установленные вами для родительского компонента.
Комментариев нет:
Отправить комментарий