反应本机错误：不支持动态更改 onviewableitemschanged

Question

我使用 FlatList 创建水平可滑动列表。但当我想换卡时，我看到了这个错误。当我刷新应用程序时一切正常，就在我想更换卡（刷卡）时出现此错误消息。

         <FlatList 
            data={cards}
            renderItem={ ({item}) => <AccountCard cardInfo={item}/>}
            initialScrollIndex={0}
            horizontal={true}
            showsHorizontalScrollIndicator={false}
            keyExtractor={ (item, index) => index.toString()}
            snapToInterval={ deviceWidth - wp('16.5%')}
            snapToAlignment={"start"}
            onViewableItemsChanged={({viewableItems, changed})=>{
                changed[0].isViewable && setSelectedSlide(changed[0].item.id);
            }}
            viewabilityConfig= {{viewAreaCoveragePercentThreshold: 80}}
            />

Answer 1

如果这个错误只是在您对具有

Flatlist

和

onViewableItemsChanged

属性的元素上的代码进行实际更改时出现，那么实际上并不是什么真正的错误。这可能很烦人，但您只需再次保存文件而不进行任何更改，错误就会消失。

仅当在应用程序中执行操作时出现此错误时，您才需要进行更改。