{"_id":"@delainetech/react-native-story-camera","_rev":"5-d248b644bf2371d9e43f304b7168a7e3","name":"@delainetech/react-native-story-camera","dist-tags":{"latest":"1.0.6"},"versions":{"1.0.0":{"name":"@delainetech/react-native-story-camera","version":"1.0.0","keywords":["react-native","react native","camera","photo gallery","camera picker","gallery picker","whatsapp"],"_id":"@delainetech/react-native-story-camera@1.0.0","maintainers":[{"name":"delainetech","email":"delainetechnologies@gmail.com"}],"homepage":"https://bitbucket.org/delainetech/cameraview/src/main/#readme","bugs":{"url":"https://github.com/Pardeep03315/react-native-story-camera/issues"},"dist":{"shasum":"3be8c7acd289fba0d4c738f54e4827d2d5a4d22f","tarball":"https://registry.npmjs.org/@delainetech/react-native-story-camera/-/react-native-story-camera-1.0.0.tgz","fileCount":36,"integrity":"sha512-5doweIvPwRe8o6FVltcGmBZznIOdSezMji1oDjLwIy7y5hdw3H4SbVcPvHl6PNu+oA6VTbyrA/MYlbyOhxp9DQ==","signatures":[{"sig":"MEUCIQD76ME1irLD2XQ7cca2Vvy41kbsjN3hTmBKUSSVzbkQPAIgOCZa2/ARV8/1l4x6RCGkNCokq/3CFeSEn/jYREjI5sk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1370273},"jest":{"preset":"react-native"},"main":"index.tsx","gitHead":"ae8f3e101ecae6c6f3d9fda1f44c8677a552f98f","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"delainetech","email":"delainetechnologies@gmail.com"},"repository":{"url":"git+https://github.com/Pardeep03315/react-native-story-camera.git","type":"git"},"_npmVersion":"10.7.0","description":"React Native Whatsapp like Camera and Gallery picker for iOS & Android","directories":{},"_nodeVersion":"18.20.4","_hasShrinkwrap":false,"devDependencies":{"jest":"^26.6.3","eslint":"^7.32.0","babel-jest":"^26.6.3","@babel/core":"^7.12.9","@babel/runtime":"^7.12.5","react-test-renderer":"17.0.2","metro-react-native-babel-preset":"^0.67.0","@react-native-community/eslint-config":"^2.0.0"},"peerDependencies":{"react":"18.2.0","react-native":"0.72.4","react-native-reanimated":"^3.15.3","react-native-permissions":"^4.1.5","react-native-vision-camera":"^4.5.3","react-native-gesture-handler":"^2.20.0","react-native-image-crop-picker":"^0.41.2","@react-native-camera-roll/camera-roll":"^7.8.3"},"_npmOperationalInternal":{"tmp":"tmp/react-native-story-camera_1.0.0_1733816926198_0.9988658982292393","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@delainetech/react-native-story-camera","version":"1.0.1","keywords":["react-native","react native","camera","photo gallery","camera picker","gallery picker","whatsapp","story camera","story picker","status camera"],"_id":"@delainetech/react-native-story-camera@1.0.1","maintainers":[{"name":"delainetech","email":"delainetechnologies@gmail.com"}],"homepage":"https://github.com/Pardeep03315/react-native-story-camera.git","bugs":{"url":"https://github.com/Pardeep03315/react-native-story-camera/issues"},"dist":{"shasum":"63e276a24b842b45286f0be8b94b99e7adf80204","tarball":"https://registry.npmjs.org/@delainetech/react-native-story-camera/-/react-native-story-camera-1.0.1.tgz","fileCount":36,"integrity":"sha512-JO7YDi/vkCMEPqQUp0WpceIKnuPUHIdtepLr8Rws4ew0xPjjfcp7Mn52kos9xSGILYky2AXil7jWXOlMYTYFXQ==","signatures":[{"sig":"MEYCIQCCzYjOrNmkyaC9bl8uuwretDJzTDECnHCQD3i06alNWwIhALuLM6hM6QnAqg4C7E+pGaFQJHBMiTk38qtulYd8D0B2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":187000},"jest":{"preset":"react-native"},"main":"index.tsx","gitHead":"4436a53325879ea147829072957deb22c78fcdbc","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"delainetech","email":"delainetechnologies@gmail.com"},"repository":{"url":"git+https://github.com/Pardeep03315/react-native-story-camera.git","type":"git"},"_npmVersion":"10.7.0","description":"React Native Whatsapp like Camera and Gallery picker for iOS & Android","directories":{},"_nodeVersion":"18.20.4","_hasShrinkwrap":false,"devDependencies":{"jest":"^26.6.3","eslint":"^7.32.0","babel-jest":"^26.6.3","@babel/core":"^7.12.9","@babel/runtime":"^7.12.5","react-test-renderer":"17.0.2","metro-react-native-babel-preset":"^0.67.0","@react-native-community/eslint-config":"^2.0.0"},"peerDependencies":{"react":"18.2.0","react-native":"0.72.4","react-native-reanimated":"^3.15.3","react-native-permissions":"^4.1.5","react-native-vision-camera":"^4.5.3","react-native-gesture-handler":"^2.20.0","react-native-image-crop-picker":"^0.41.2","@react-native-camera-roll/camera-roll":"^7.8.3"},"_npmOperationalInternal":{"tmp":"tmp/react-native-story-camera_1.0.1_1733830522459_0.9047244615390992","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@delainetech/react-native-story-camera","version":"1.0.2","keywords":["react-native","react native","camera","photo gallery","camera picker","gallery picker","whatsapp","story camera","story picker","status camera"],"_id":"@delainetech/react-native-story-camera@1.0.2","maintainers":[{"name":"delainetech","email":"delainetechnologies@gmail.com"}],"homepage":"https://github.com/Pardeep03315/react-native-story-camera.git","bugs":{"url":"https://github.com/Pardeep03315/react-native-story-camera/issues"},"dist":{"shasum":"7147dd1feb3fbe7194ad5e9f662991fb246c6375","tarball":"https://registry.npmjs.org/@delainetech/react-native-story-camera/-/react-native-story-camera-1.0.2.tgz","fileCount":36,"integrity":"sha512-vrOAe0kE0A+E/OCizVgw0Bw8euitprtJp+OYbwN6d4dIkEIFMbAr2ZKE6cp9OwiuMET52m29BaZcPfyR6v3/bg==","signatures":[{"sig":"MEUCIQC8i3tgH3YA+fZBDGDm8NWgU9LrvbnOBff2mdxovoKXIgIgFb25x/8NgpzBZi0UXKlVoAM+lowHh//YMNzaa32yS20=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":186995},"jest":{"preset":"react-native"},"main":"index.tsx","gitHead":"8c042706fc6d08b8b2de1f311854e9fd7c0a5866","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"delainetech","email":"delainetechnologies@gmail.com"},"repository":{"url":"git+https://github.com/Pardeep03315/react-native-story-camera.git","type":"git"},"_npmVersion":"10.7.0","description":"React Native Whatsapp like Camera and Gallery picker for iOS & Android","directories":{},"_nodeVersion":"18.20.4","_hasShrinkwrap":false,"devDependencies":{"jest":"^26.6.3","eslint":"^7.32.0","babel-jest":"^26.6.3","@babel/core":"^7.12.9","@babel/runtime":"^7.12.5","react-test-renderer":"17.0.2","metro-react-native-babel-preset":"^0.67.0","@react-native-community/eslint-config":"^2.0.0"},"peerDependencies":{"react":"18.2.0","react-native":"0.72.4","react-native-reanimated":"^3.15.3","react-native-permissions":"^4.1.5","react-native-vision-camera":"^4.5.3","react-native-gesture-handler":"^2.20.0","react-native-image-crop-picker":"^0.41.2","@react-native-camera-roll/camera-roll":"^7.8.3"},"_npmOperationalInternal":{"tmp":"tmp/react-native-story-camera_1.0.2_1733835827770_0.8353971996393839","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@delainetech/react-native-story-camera","version":"1.0.3","keywords":["react-native","react native","camera","photo gallery","camera picker","gallery picker","whatsapp","story camera","story picker","status camera"],"_id":"@delainetech/react-native-story-camera@1.0.3","maintainers":[{"name":"delainetech","email":"delainetechnologies@gmail.com"}],"homepage":"https://github.com/Pardeep03315/react-native-story-camera.git","bugs":{"url":"https://github.com/Pardeep03315/react-native-story-camera/issues"},"dist":{"shasum":"66a45d0737bdce145877341c93c6d19d2d61c867","tarball":"https://registry.npmjs.org/@delainetech/react-native-story-camera/-/react-native-story-camera-1.0.3.tgz","fileCount":36,"integrity":"sha512-Zx0KgLRmjJ5kSkphyi/OlyaT6TwF6CZM3z24xmfySFBgyaAZsQ2wAdpl0UAfsw1ErbfT9xrKnJOBJXURmnkaTw==","signatures":[{"sig":"MEUCIGtI2gLSPb0mVQ1b4Mcp8pqiIqZkn4Xya6ChvBvSwZQTAiEAyhUpiAYECpw0k/EyDa/mkTVLwgtjU+SF/XS2ZBy4+kU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":186995},"jest":{"preset":"react-native"},"main":"index.tsx","gitHead":"8c042706fc6d08b8b2de1f311854e9fd7c0a5866","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"delainetech","email":"delainetechnologies@gmail.com"},"repository":{"url":"git+https://github.com/Pardeep03315/react-native-story-camera.git","type":"git"},"_npmVersion":"10.7.0","description":"React Native Whatsapp like Camera and Gallery picker for iOS & Android","directories":{},"_nodeVersion":"18.20.4","_hasShrinkwrap":false,"devDependencies":{"jest":"^26.6.3","eslint":"^7.32.0","babel-jest":"^26.6.3","@babel/core":"^7.12.9","@babel/runtime":"^7.12.5","react-test-renderer":"17.0.2","metro-react-native-babel-preset":"^0.67.0","@react-native-community/eslint-config":"^2.0.0"},"peerDependencies":{"react":"18.2.0","react-native":"0.72.4","react-native-reanimated":"^3.15.3","react-native-permissions":"^4.1.5","react-native-vision-camera":"^4.5.3","react-native-gesture-handler":"^2.20.0","react-native-image-crop-picker":"^0.41.2","@react-native-camera-roll/camera-roll":"^7.8.3"},"_npmOperationalInternal":{"tmp":"tmp/react-native-story-camera_1.0.3_1733835973241_0.8093948927902026","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@delainetech/react-native-story-camera","version":"1.0.5","keywords":["react-native","react native","camera","photo gallery","camera picker","gallery picker","whatsapp","story camera","story picker","status camera"],"license":"MIT","_id":"@delainetech/react-native-story-camera@1.0.5","maintainers":[{"name":"delainetech","email":"delainetechnologies@gmail.com"}],"homepage":"https://github.com/delainetechnologies/react-native-story-camera.git","bugs":{"url":"https://github.com/delainetechnologies/react-native-story-camera/issues"},"dist":{"shasum":"5fc19dccea53e1edf85f0416d6185cb9949dce74","tarball":"https://registry.npmjs.org/@delainetech/react-native-story-camera/-/react-native-story-camera-1.0.5.tgz","fileCount":36,"integrity":"sha512-LrN89AX1uDkB/iyM95oYIJ+0JAE5dpjL83gPFYpwzPx8EoS11fokRyn6seFu1+Ur27VjJWf5seXvMn8w36NawQ==","signatures":[{"sig":"MEYCIQC9Ew4M9sX8VZzlNfvH+2y8Mu2ErpiAbrbmBFUh4RaqmQIhAKdwzrtiJCOJmPHNV5hJ8Vvqfab3ccKTz+KKIH0sNDh7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":187089},"jest":{"preset":"react-native"},"main":"index.tsx","gitHead":"b65dd055ffb9ea42380d6a6fa424e0fd55755844","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"delainetech","email":"delainetechnologies@gmail.com"},"repository":{"url":"git+https://github.com/delainetechnologies/react-native-story-camera.git","type":"git"},"_npmVersion":"10.7.0","description":"React Native Whatsapp like Camera and Gallery picker for iOS & Android","directories":{},"_nodeVersion":"18.20.4","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^26.6.3","eslint":"^7.32.0","babel-jest":"^26.6.3","@babel/core":"^7.12.9","@babel/runtime":"^7.12.5","react-test-renderer":"17.0.2","metro-react-native-babel-preset":"^0.67.0","@react-native-community/eslint-config":"^2.0.0"},"peerDependencies":{"react":"18.2.0","react-native":"0.72.4","react-native-reanimated":"^3.15.3","react-native-permissions":"^4.1.5","react-native-vision-camera":"^4.5.3","react-native-gesture-handler":"^2.20.0","react-native-image-crop-picker":"^0.41.2","@react-native-camera-roll/camera-roll":"^7.8.3"},"_npmOperationalInternal":{"tmp":"tmp/react-native-story-camera_1.0.5_1733924883641_0.9634983370964165","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"name":"@delainetech/react-native-story-camera","version":"1.0.6","description":"React Native Whatsapp like Camera and Gallery picker for iOS & Android","homepage":"https://github.com/delainetechnologies/react-native-story-camera.git","main":"index.tsx","keywords":["react-native","react native","camera","photo gallery","camera picker","gallery picker","whatsapp","story camera","story picker","status camera"],"repository":{"type":"git","url":"git+https://github.com/delainetechnologies/react-native-story-camera.git"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"publishConfig":{"access":"public"},"peerDependencies":{"@react-native-camera-roll/camera-roll":"^7.8.3","react":"18.2.0","react-native":"0.72.4","react-native-gesture-handler":"^2.20.0","react-native-image-crop-picker":"^0.41.2","react-native-permissions":"^4.1.5","react-native-reanimated":"^3.15.3","react-native-vision-camera":"^4.5.3"},"devDependencies":{"@babel/core":"^7.12.9","@babel/runtime":"^7.12.5","@react-native-community/eslint-config":"^2.0.0","babel-jest":"^26.6.3","eslint":"^7.32.0","jest":"^26.6.3","metro-react-native-babel-preset":"^0.67.0","react-test-renderer":"17.0.2"},"jest":{"preset":"react-native"},"license":"MIT","_id":"@delainetech/react-native-story-camera@1.0.6","gitHead":"2740ebaca634f60c899d7956382ba7b3516f7087","bugs":{"url":"https://github.com/delainetechnologies/react-native-story-camera/issues"},"_nodeVersion":"18.20.4","_npmVersion":"10.7.0","dist":{"integrity":"sha512-wQCoiJw8RhJhQmJFyZ1H7Wgjonn66pDiGkoSJJac4YlezjemlE8v8nbe9t0crbO0P44dO8r9Jrw1eEQDx490qw==","shasum":"c3bc65832e940752e4a608f9ac463b3f6575c980","tarball":"https://registry.npmjs.org/@delainetech/react-native-story-camera/-/react-native-story-camera-1.0.6.tgz","fileCount":36,"unpackedSize":187335,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGQnSgSdpvX4DqpbPKAhxW/5mtAKGIv22f5dL5jYZl+bAiAyMb3wPyHEaUq1izO+t9RdUrrjDbpTr1GqKHO1jy8sAA=="}]},"_npmUser":{"name":"delainetech","email":"delainetechnologies@gmail.com"},"directories":{},"maintainers":[{"name":"delainetech","email":"delainetechnologies@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-native-story-camera_1.0.6_1733988529529_0.20859890652191226"},"_hasShrinkwrap":false}},"time":{"created":"2024-12-10T07:48:46.108Z","modified":"2024-12-12T07:28:50.045Z","1.0.0":"2024-12-10T07:48:46.396Z","1.0.1":"2024-12-10T11:35:22.725Z","1.0.2":"2024-12-10T13:03:47.973Z","1.0.3":"2024-12-10T13:06:13.480Z","1.0.5":"2024-12-11T13:48:03.809Z","1.0.6":"2024-12-12T07:28:49.862Z"},"bugs":{"url":"https://github.com/delainetechnologies/react-native-story-camera/issues"},"license":"MIT","homepage":"https://github.com/delainetechnologies/react-native-story-camera.git","keywords":["react-native","react native","camera","photo gallery","camera picker","gallery picker","whatsapp","story camera","story picker","status camera"],"repository":{"type":"git","url":"git+https://github.com/delainetechnologies/react-native-story-camera.git"},"description":"React Native Whatsapp like Camera and Gallery picker for iOS & Android","maintainers":[{"name":"delainetech","email":"delainetechnologies@gmail.com"}],"readme":"![Camera View - DelaineTech](./assets/poster.jpeg)\n\n# react-native-story-camera\n\n\n\n---\n\nReact Native Story Camera is a fully customizable UI library that provide camera picker module for capture photos and record videos in React Native, inspired by WhatsApp's media sharing experience.\n\n\n## 🎬 Overview\n\nReact Native Story Camera allows users to capture videos and photos, as well as select multiple images and videos from their device gallery. Built with the latest version of React Native.\nIt is simple to use and works on both Android and iOS platforms.\n\n\n## 🎬 Features\n\n* **Capture videos and photos**: A customizable camera interface\n* **Select multiple images and videos**: Access the device's media gallery.\n* **Pagination**: Smooth scrolling for large media lists.\n* **Video Recording**: Seamless recording experience \n* **Fully customizable**: Tailor the UI to your needs with available props\n* **Cross-platform compatibility**: compatible with both Android and iOS platforms\n* **Formatted Data**: Return formatted and optimized data from camera and gallery for all media type\n* **Optimized for performance**: Built with modern React Native practices\n\n\n## 🎬 Preview\n\n--- \n| ![alt Default](./assets/preview.jpeg)\n\n---\n\n## 🎬 Quick Access\n\n[🎬 Installation](#installation) | [Permissions](#permissions) | [Usage](#usage) | [Props](#props) | [Example](#example) | [License](#license)\n\n## Installation\n\n##### 1. Install React Native Story Camera\n\n```bash\n npm install @delainetech/react-native-story-camera\n```\n#### --- or ---\n```bash\n yarn add @delainetech/react-native-story-camera\n```\n\n##### 2. Install peer dependencies\n\nTo use React Native Story Camera, you need to install the following dependencies:\n\n[react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera \"react-native-vision-camera\") is a camera library for React Native apps. \n\n[@react-native-camera-roll/camera-roll](https://www.npmjs.com/package/@react-native-camera-roll/camera-roll \"@react-native-camera-roll/camera-roll\") is used to access media files from device library\n\n[react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker) is a media picker library for React Native apps. \n\n[react-native-permissions](https://www.npmjs.com/package/react-native-permissions \"react-native-permissions\") is added to access camera and storage permission in Android & IOS devices.\n\n[react-native-reanimated](https://www.npmjs.com/package/react-native-reanimated) is a animation library for React Native apps. \n\n[react-native-gesture-handler](https://www.npmjs.com/package/react-native-gesture-handler) is a gesture effects library for React Native apps. \n\n\n```bash\n$ npm install react-native-vision-camera react-native-permissions react-native-reanimated react-native-gesture-handler @react-native-camera-roll/camera-roll react-native-image-crop-picker\n\n# --- or ---\n\n$ yarn add react-native-vision-camera react-native-permissions react-native-reanimated react-native-gesture-handler @react-native-camera-roll/camera-roll react-native-image-crop-picker\n```\n\n> Note: If you already have these libraries installed of the latest versions, you are done here! . If not then please Please follow the installation instructions for each dependency on their respective GitHub pages.\n\n\n##### 3. Install cocoapods in the ios project\n\n```bash\ncd ios && pod install\n```\n\n> Note: Make sure to add Reanimated's babel plugin to your `babel.config.js`\n\n```\nmodule.exports = {\n ... // do not add it here\n plugins: [\n ...\n 'react-native-reanimated/plugin',\n ],\n };\n```\n\n\n---\n\n\n## Permissions\n\nTo use React Native Story Camera, you need to add the following permissions to your project:\n\n##### 1. iOS \n\nAdd the following permissions to your project `Info.plist` file:\n```xml\nNSCameraUsageDescription\nAllow access to capture photo\n\nNSMicrophoneUsageDescription\nAllow access to record audio\n\nNSPhotoLibraryUsageDescription\nAllow access to select photo\n\n\n```\n##### 2. Android\n\nAdd the following permissions to your `AndroidManifest.xml` file:\n```xml\n\n\n\n\n\n\n```\n> Note: After added these above permission . You are done here . No Need to do extra permission work in your main component file . \n\n## Usage\n-----------------------------------------------------------\n\n```javascript\n\nimport { View } from 'react-native'\n\nimport React from 'react'\n\nimport CameraPicker from 'react-native-story-camera';\n\nexport default function App() {\n return (\n \n console.log(\"data : \"+JSON.stringify(data))}\n onBackPress={()=>console.log(\"onBack Press\")} />\n \n );\n}\n\n\n\n```\n\n\n## Icon Props & styles\n| Prop | Default | Type | Description |\n| :------------------ | :------------------------------ | :-------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| containerStyle | {} | ViewStyle | CameraPicker container view style |\n| backIcon | default | Image | Apply local icon image with require label |\n| backIconStyle | {} | ImageStyle | Apply all style props of Image component react native |\n| flashOnIcon | default | Image | Apply local icon image with require label |\n| flashOffIcon | default | Image | Apply local icon image with require label |\n| flashIconStyle | default | ImageStyle | Apply all style props of Image component react native |\n| galleryIcon | default | Image | Apply local icon image with require label |\n| galleryIconStyle | {} | ImageStyle | Apply all style props of Image component react native |\n| cameraToggleIcon | default | Image | Apply local icon image with require label |\n| cameraToggleIconStyle | {} | ImageStyle | Apply all style props of Image component react native |\n| cameraCaptureIcon | default | Image | Apply local icon image with require label |\n| cameraCaptureIconStyle | {} | ImageStyle | Apply all style props of Image component react native |\n| videoCaptureIcon | {} | Image | Apply local icon image with require label |\n| videoCaptureIconStyle | {} | ImageStyle | Apply all style props of Image component react native |\n| recordVideoIcon | default | Image | Apply local icon image with require label |\n| recordVideoIconStyle | {} | ImageStyle | Apply all style props of Image component react native |\n| slideUpIcon | default | Image | Apply local icon image with require label |\n| slideUpIconStyle | {} | ImageStyle | Apply all style props of Image component react native |\n| submitButtonStyle | {} | ViewStyle | Submit Button icon container , Apply all style props of View component |\n| submitButtonIcon | default | Image | Apply local icon image with require label |\n| submitButtonIconStyle | {} | ImageStyle | Apply all style props of Image component |\n| submitButtonTextStyle | {} | TextStyle | Apply all style props of Text component react native |\n| mediaSelectIcon | default | Image | Apply all style props of Image component |\n| mediaSelectIconStyle | {} | ImageStyle | Apply all style props of Image component react native |\n\n---\n\n---\n\n## Methods & Others Props\n| Prop | Default | Type | Description |\n| :------------------ | :------------------------------ | :-------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| onBackPress | {()=> } | function | Handle close button control onPress |\n| onSelect | {()=> } | function | return response after media selection |\n| mediaPerPage | 10 | number | numbers for images and videos render perpage by default |\n| timerContainer | {} | ViewStyle | View styles for timer component display during recording |\n| timerTextStyle | {} | TextStyle | apply TextStyle props for text in timer component |\n| maxRecordDuration | 30 | number | pass record duration value i:e 30 is in seconds , you can set your duration according to your need |\n| activeMediaType | \"Photo\" | string | Default media type value when camera picker render for the first time , other one is \"Video\" |\n| mediaTypeActiveButtonStyle | {} | ViewStyle | Apply all style props of View component for Active Media type switch button |\n| mediaTypeButtonStyle | {} | ViewStyle | Apply all style props of View component for InActive Media type switch button |\n| mediaTypeTextStyle | {} | TextStyle | Apply all style props of Text component for inactive media button label |\n| mediaTypeActiveTextStyle | {} | TextStyle | Apply all style props of Text component for active media button label |\n\n---\n\n---\n\n\n\n\n\n\n## Contributors\n\n[Pardeep Sharma](https://github.com/Pardeep03315 \"Pardeep Sharma\")
\n","readmeFilename":"README.md"}