// App.theme.tsx => You can use any file name :)
import React, { useState } from "react";
import { ImgViewer } from '@team-devmonster/react-native-img-viewer';

export const AnyComponent = () => {

  const [visible, setVisible] = useState(false);
  
  return (
    <ImgViewer
      visible={visible}
      onRequestClose={() => {
        setVisible(false);
      }}
      src={'https://anything'}
      closeText="close"
      closeButtonContainerStyle={{ backgroundColor: '#FF6420' }}
      closeButtonStyle={{ height: 44, color: '#ffffff' backgroundColor: '#FF6420' }}
    />
  )
  /** or */
  return (
    <ImgViewer
      visible={visible}
      onRequestClose={() => {
        setVisible(false);
      }}
      src={['https://anything','https://anything','https://anything','https://anything']}
      startIndex={1}
      closeText="close"
      closeButtonContainerStyle={{ backgroundColor: '#FF6420' }}
      closeButtonStyle={{ height: 44, color: '#ffffff' backgroundColor: '#FF6420' }}
    />
  )
}