При создании горизонтального FlatList изображений-плакатов ширина элемента рендеринга нарушается, а между каждым элементом добавляются огромные пространства. Эта проблема отсутствует только для статических элементов FlatList
Я пытался использовать стиль контейнера вместо размещения плоского списка в виде, который я также пробовал без плоского списка и просто отображал 5 элементов на экране, и он прекрасно отображался
это мой файл app.js
https://pastebin.com/tpwunLZm
to much code to enter here but this is needed to avoid paste bin error
и это мой компонент рендеринга
https://pastebin.com/1UHWGpPD
to much code to enter here but this is needed to avoid paste bin error
Ожидаемый результат показан на рисунке ниже зеленым цветом, эти результаты вводятся непосредственно в файл приложения
https://i.imgur.com/tgL7dLs.jpg
Как вы можете видеть, элементы разнесены даже на части, а внешняя граница при наведении на них красная благодаря встроенной обратной связи.
Фактические результаты показаны красным на изображении, они введены в виде плоского списка как элемент рендеринга.
Как вы можете видеть, ширина элементов искажена, и существует огромный разрыв между элементами, этот список также не может прокручиваться, даже если он заполнен 20 элементами из API.
Я использую собственную версию «0.59.5»
Этот проект предназначен для использования как с планшетами Android, так и с AndroidTV, поэтому TouchableNativeFeedback используется, поскольку он обеспечивает лучший способ отображения текущего выбранного элемента на платформе AndroidTV
Это первый раз, когда у меня возникла эта проблема при использовании компонента flatlist в качестве других моих приложений, включая то, которое у меня есть в Google Play, под названием: TV2GO для Android TV использует плоский список для рендеринга текущего и следующего epg без проблем, используя представление прокрутки для вертикальной прокрутки и вложенный плоский список для горизонтальной прокрутки текущих и следующих элементов