react-native-media-viewing/dist/hooks/useImageIndexChange.js

React Native modal component for viewing images and video as a sliding gallery

/**
 * Copyright (c) JOB TODAY S.A. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */
import { useState } from "react";
const useImageIndexChange = (imageIndex, screen) => {
    const [currentImageIndex, setImageIndex] = useState(imageIndex);
    const onScroll = (event) => {
        const { nativeEvent: { contentOffset: { x: scrollX }, }, } = event;
        if (screen.width) {
            const nextIndex = Math.round(scrollX / screen.width);
            setImageIndex(nextIndex < 0 ? 0 : nextIndex);
        }
    };
    return [currentImageIndex, onScroll];
};
export default useImageIndexChange;