错误不变违规：不支持动态更改 onViewableItemsChanged

Question

如何解决这个问题“ERROR Invariant Violation: Changing onViewableItemsChanged on the fly is not supported”

这是我的代码

 <Animated2.FlatList
            pagingEnabled={true}
            horizontal
            data={ads}
            keyExtractor={item => item.id.toString()}
            onViewableItemsChanged={({viewableItems, changed}) => {
              console.log(viewableItems[0].index);
              setSelectedIndex(viewableItems[0].index);
            }}
            onScroll={() => goToSelectedLocation(selectedIndex)}
            renderItem={({item, index}) => {
              return (
                <MapCard
                  onPress={() => goToSelectedLocation(index)}
                  style={{margin: 4}}
                  title={item.title}
                  image={item.image}
                  price={item.price}
                />
              );
            }}
          />

Answer 1

你必须使用回调钩子

const onViewableItemsChanged = useCallback((viewableItems) => {
   console.log(viewableItems[0].index);
   setSelectedIndex(viewableItems[0].index);
},[]);