A component for capturing panorama image by using react-native-camera.
To use camera feature, you need to install expo-camera in your project.
Follow docs here react-native-camera
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
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
}
}
npm install --force react-native-orientation-locker react-native-pd-camera
cd ios
pod install
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 | Description | Default |
---|---|---|
landscape | Landscape Mode or Portrait Mode | False |
shop_id | Shop Id | 1 |
category_id | Category Id | 12 |
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 |
- 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.