ScrollToIndex should be used in conjunction with getItemLayout or onScrollToIndexFailed about react-native-swiper-flatlist HOT 1 OPEN

                    getItemLayout={getItemLayout}
                    horizontal
                    directionalLockEnabled
                    pagingEnabled
                    overScrollMode="never"
                    showsVerticalScrollIndicator={false}
                    showsHorizontalScrollIndicator={false}
                    keyboardShouldPersistTaps="always"
                    scrollEnabled={true}
                    onViewableItemsChanged={onIndexChanged}
                    viewabilityConfig={{
                        itemVisiblePercentThreshold: 50
                    }}
                    ref={swiperRef}
                    index={0}
                    data={images}
                    renderItem={({ item, index }) => (
                        <>
                            <Image
                                key={index}
                                style={{ width: width, height: '100%', borderRadius: 5, zIndex: 0 }}
                                resizeMode="contain"
                                source={{ uri: item?.image?.url }}
                            />
                        </>
                    )}
                />`

    try {

        if ( typeof viewableItems[0] !== 'undefined' && viewableItems[0] ){

            //do something here.

        }

    } catch (error) {

        console.error(error);

    }

   // console.log("Visible items are", viewableItems[0]);

}, []);`