onChangeIndex not triggered on web

[crcn]

It doesn't look like onChangeIndex is getting triggered in the browser. This was tested in Firefox and Chrome. Here's some sample code that should break:

const onChangeIndex = () => {
  console.log("This is never called in the browser");
}

<SwiperFlatList onChangeIndex={onChangeIndex}  />

[LouisSyfer]

I think I have the same issue... any workaround ?

[Qurat-ul-ainn]

same issue

[Ahmed712441]

This worked for me but you need to know each Item width and all items must be in same size

<SwiperFlatList
               style={style}
               onScroll={handleScroll}
               renderItem={({ item, index }) => (
                   <TouchableOpacity style={{width:SIZES.cardImageWidth}} onPress={() => onImageClick(index)}> </TouchableOpacity >
 />
 
     const handleScroll = (event) => {
       const contentOffsetX = event.nativeEvent.contentOffset.x
       const width = SIZES.cardImageWidth
       const index = Math.round(contentOffsetX / width)
       setPage(index)
   }