React Native Camera SDK

A component for capturing panorama image by using react-native-camera.

Documentation

To use camera feature, you need to install expo-camera in your project.

Follow docs here react-native-camera

Installation

Install camera-sdk with npm

  npm install @react-native-async-storage/async-storage react-native-device-info react-native-fast-image react-native-image-pan-zoom react-native-image-resizer react-native-image-zoom-viewer react-native-safe-area react-native-fs react-native-camera
  cd ios
  pod install

Other required steps

Add permissions to your app

android/app/src/main/AndroidManifest.xml file:

<!-- Required -->
<uses-permission android:name="android.permission.CAMERA" />

<!-- Include this only if you are planning to use the camera roll -->
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

<!-- Include this only if you are planning to use the microphone for video recording -->
<uses-permission android:name="android.permission.RECORD_AUDIO"/>

Insert the following lines in

android/app/build.gradle:

android {
  ...
  defaultConfig {
    ...
    missingDimensionStrategy 'react-native-camera', 'general' // <--- insert this line
  }
}

Install pd-camera and OrientationLocker with npm

npm install --force react-native-orientation-locker react-native-pd-camera
cd ios
pod install

Usage/Examples

import React, { PureComponent } from 'react';
import { Panorama2 } from 'react-native-pd-camera'

export default class App extends PureComponent {

  yourFunction = (val) => {
    console.log("your data",val)
  }

  render() {
    return (
      <Panorama2
        landscape={false}
        shop_id={1}
        category_id={12}
        onSubmitCallback={this.yourFunction}
        onClose={()=>this.props.navigation.goBack()}
      />
    );
  }
}

Props

Props | Description | Default | --- | --- | --- landscape | Landscape Mode or Portrait Mode | False | shop_id | Shop Id | 1 | category_id | Category Id | 12 |

Methods

Method | Type | Description | --- | --- | --- onSubmitCallback | Function | function you want to call after image captured; returns an array of images captured | onClose | Function | function you want to call after image captured

Features

• Ability to capture and submit images in portrait and landscape mode.
• Show the captured images in a preview panel, accessible from the camera screen.
• Ability to delete the last image captured.
• Overlap and guiding mechanism.
• Cross button to end/delete session.