微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

嵌套的 FlatList 轮播错误:scrollToIndex 超出范围

如何解决嵌套的 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 举报,一经查实,本站将立刻删除。