如何解决嵌套的 FlatList 轮播错误:scrollToIndex 超出范围
我已经实现了 this solution for React Native FlatList Carousel,它单独运行良好,但有警告。 (警告:列表中的每个子项都应该有一个唯一的“key”属性。检查 Indicator
的渲染方法)。但它仍然可以正常工作。
但是,当我将它嵌套在另一个平面列表中时(不,SectionList 不能解决目的)然后我得到一个错误:
不变违规:scrollToIndex 超出范围:请求索引 5 但 最大值为 4
PFB 我的外部 FlatList,它吞没了上面链接的轮播。
<FlatList
data={myData}
renderItem={renderItem}
keyExtractor = {item => `${item.id}`}
ListFooterComponent = {renderLoader}
onEndReached = {loadMoreItem}
onRefresh = {() => refreshData()}
refreshing = {isLoading}
/>
renderItem 有一张 react-native-paper Card,内容如下:
<ScrollView>
<FlatListSlider
data={carouselData}
timer={6000}
imageKey={'image'}
local={false}
width={screenWidth}
separator={0}
loop={true}
autoscroll={true}
currentIndexCallback={index => console.log('Index',index)}
onPress={item => Alert.alert(JSON.stringify(item))}
indicator
animation
/>
</ScrollView>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。