React-Native:水平滚动的奇怪样式问题

时间:2019-05-07 00:52:06

标签: react-native horizontal-scrolling react-native-flatlist

创建水平水平的海报图像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

由于您看到的是原始反馈,因此您可以看到物品之间的间距均匀且悬停时外部边框为红色。

实际结果以红色显示在图像中,并通过平面列表作为渲染项输入。

如您所见,项目宽度被弄乱了,并且项目之间有巨大的空隙,即使该列表中填充了api中的20个项目,该列表也无法滚动。

我正在使用本机版本:“ 0.59.5”

该项目可用于android平板电脑和androidTV,这就是为什么使用TouchableNativeFeedback的原因,因为它提供了在androidTV平台上显示当前所选项目的最佳方式

这是我第一次在使用Flatlist组件作为其他应用程序时遇到此问题,包括我在Google Play上使用的以下应用程序:TV2GO for android TV使用Flatlist呈现了现在和下一个epg,而没有使用用于垂直滚动的滚动视图和用于水平滚动现在和下一个项目的嵌套平面列表

0 个答案:

没有答案