rs-react-native-image-gallery/src/types.ts

React Native Image Gallery with Thumbnails

import type React from 'react';
import type { ImageResizeMode, ImageSourcePropType } from 'react-native';

export interface ImageObject {
	id?: string | number;
	thumbUrl?: string;
	thumbSource?: ImageSourcePropType;
	url?: string;
	source?: ImageSourcePropType;
}

export interface GalleryProps {
	close: () => void;
	hideThumbs?: boolean;
	images: ImageObject[];
	initialIndex?: number;
	isOpen: boolean;
	resizeMode?: ImageResizeMode;
	thumbColor?: string;
	thumbSize?: number;
	thumbResizeMode?: ImageResizeMode;
	disableSwipe?: boolean;
	renderCustomThumb?: (item: any, index: number, isSelected: boolean) => React.ReactNode;
	renderCustomImage?: (item: any, index: number, isSelected: boolean) => React.ReactNode;
	renderHeaderComponent?: (item: any, currentIndex: number) => React.ReactNode;
	renderFooterComponent?: (item: any, currentIndex: number) => React.ReactNode;
}

export interface ImagePreviewProps {
	index: number;
	isSelected: boolean;
	item: ImageObject;
	resizeMode: ImageResizeMode;
	renderCustomImage?: GalleryProps['renderCustomImage'];
}

export interface RenderImageProps {
	item: ImageObject;
	index: number;
}