onViewableItemsChanged - Flashing behavior

[HassenMabrouki]

I use flashlist to render Items in fullScreen, and I use onViewableItemsChanged to get the item.id of the currently visible item on the screen (videos show as full screen), but it causes a flashing behavior. Any idea how to prevent this, please?

FlashList component:

<View style={styles.container}>
        <FlashList
          extraData={visibleSlideId}
          data={data}
          decelerationRate={'fast'}
          estimatedItemSize={height}
          keyExtractor={item => item.id.toString()}
          onViewableItemsChanged={visibleSlideIdRef.current}
          ref={mainScroll}
          renderItem={({ item, extraData, index }) => <RowRenderer item={item} visibleSlideId={extraData} index={index} />}
          snapToInterval={height}
          viewabilityConfig={{ viewAreaCoveragePercentThreshold: 80 }}
        />
    </View>

Video:

Screen.Recording.2022-09-02.at.10.44.41.AM.mov

[fortmarek]

Hey @HassenMabrouki

onViewableItemsChanged should not impact how view is rendered. From the snippet, I can't also tell why that would be the case. Could you provide a full reproducible sample instead? Once you do so, we can also migrate this to an issue instead 👍