reactjs - 如何在显示某行图像的平面列表中制作嵌套轮播

Question

对于一个项目，我必须制作一个轮播作为显示某些图像的平面列表的第一个元素。

这里应该是什么样子。

右边是我想要的结果，左边是我得到的结果：/

我尝试侵入平面列表以首先渲染轮播，但它将我的第 3 个图像推到视图之外，因为它是一个具有 3 行的平面列表。

如果我将轮播呈现在平面列表之外，则轮播根本不会移动。

如果我将它嵌套到滚动视图中，当它下降时，平面列表不会加载，你只有你已经渲染的内容：/。

任何想法 ？

谢谢大家：D

编辑 ：

好的，所以我通过给我的平面列表提供一个带有一些空对象的数组来破解它： [ {carousel} ， {}， {}， ...rest_of_image]

这使它工作，但它更像是一种黑客和一种丑陋的方式来做到这一点：/如果有人有另一种方式，我很乐意尝试

标签： reactjsreact-nativereact-native-flatlist

Answer 1

FlatList 有属性ListHeaderComponent，你可以把你的轮播放在这里，我想它应该可以帮助你https://reactnative.dev/docs/flatlist#listheadercomponent