React Native Inspect Image

Image inspection modal component for react native.

Prerequisites

If you want to use this library, you also need to install:

react-native-reanimated
react-native-redash
react-native-gesture-handler

Installing

Using npm:

npm install react-native-inspect-image

Using yarn:

yarn add react-native-inspect-image

Usage example

import { InspectionModal } from '~/ui/components/InspectionModal';

...
const [inspectionModalOpened, setInspectionModalOpened] = useState(false);

<InspectionModal 
  visible={inspectionModalOpened}
  imgSource={source}
  onClose={() => setInspectionModalOpened(false)}
  bgColor={'#000'}
/>
...

Props

visible: boolean;

'visible' prop for native modal

imgSource: ImageSourcePropType;

Source of your image

bgColor?: string;

Background color of modal

showClose?: boolean;

Display close button

closeIconColor?: string;

Color of close icon

onClose: () => void;

Modal's onRequestClose callback

Built With

• react-native-reanimated
• react-native-redash
• react-native-gesture-handler

Authors

• Me - Initial work - Profile

License

This project is licensed under the MIT License - see the LICENSE.md for details