React Native View Image

🔥Pinch zoom for both iOS and Android
🔥Double tap to zoom for both iOS and Android
🔥Supports swipe-to-close animation
🔥Custom header and footer components
🔥Video on the slide
🔥Uses VirtualizedList to optimize image loading and rendering'

yarn add @leafletui/react-native-view-image

npm i @leafletui/react-native-view-image

import ImageView from "@leafletui/react-native-view-image";

const ViewImage = () => {

  const [open, setOpen] = React.useState(false);

const openImages = [
  { 
    uri: "https://images.unsplash.com/photo-1601824772624-9375c6f20701?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTd8fHNwbGFzaHxlbnwwfHwwfHw%3D&auto=format&fit=crop&w=800&q=60"
  }
  
  ];

return (
<ImageView
  images={openImages}
  imageIndex={0}
  visible={open}
  onRequestClose={() => setOpen(false)}
  navigateToVideo={navigateToVideo}
/>
  )
};