react-native-camera | Camera component for React Native | Camera library

 by   react-native-camera Java Version: v4.2.1 License: No License

kandi X-RAY | react-native-camera Summary

kandi X-RAY | react-native-camera Summary

react-native-camera is a Java library typically used in Video, Camera, React Native applications. react-native-camera has no bugs, it has no vulnerabilities and it has medium support. However react-native-camera build file is not available. You can install using 'npm i react-native-cam' or download it from GitHub, npm.

A Camera component for React Native. Also supports barcode scanning!

            kandi-support Support

              react-native-camera has a medium active ecosystem.
              It has 9628 star(s) with 3451 fork(s). There are 175 watchers for this library.
              It had no major release in the last 12 months.
              There are 72 open issues and 2309 have been closed. On average issues are closed in 220 days. There are 71 open pull requests and 0 closed requests.
              It has a neutral sentiment in the developer community.
              The latest version of react-native-camera is v4.2.1

            kandi-Quality Quality

              react-native-camera has 0 bugs and 0 code smells.

            kandi-Security Security

              react-native-camera has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.
              react-native-camera code analysis shows 0 unresolved vulnerabilities.
              There are 0 security hotspots that need review.

            kandi-License License

              react-native-camera does not have a standard license declared.
              Check the repository for any license declaration and review the terms closely.
              Without a license, all rights are reserved, and you cannot use the library in your applications.

            kandi-Reuse Reuse

              react-native-camera releases are available to install and integrate.
              Deployable package is available in npm.
              react-native-camera has no build file. You will be need to create the build yourself to build the component from source.
              Installation instructions are not available. Examples and code snippets are available.
              It has 11702 lines of code, 917 functions and 210 files.
              It has high code complexity. Code complexity directly impacts maintainability of the code.

            Top functions reviewed by kandi - BETA

            kandi has reviewed react-native-camera and discovered the below as its top functions. This is intended to give you an instant insight into react-native-camera implemented functionality, and help decide if they suit your requirements.
            • Process the image for the given options .
            • Internal method used to capture camera parameters .
            • Choose the camera id from the camera .
            • Starts the camera .
            • region > measure
            • Rotate the bitmap .
            • Adjusts the size of the preview of the camera s preview .
            • Compute the focus area from a motion event .
            • Checks if media is valid .
            • Returns the names of RNFaceDetectants .
            Get all kandi verified functions for this library.

            react-native-camera Key Features

            No Key Features are available at this moment for react-native-camera.

            react-native-camera Examples and Code Snippets

            No Code Snippets are available at this moment for react-native-camera.

            Community Discussions


            Could not find react-native-intercom
            Asked 2022-Feb-25 at 18:17

            I have a react-native project. After the bitnary (jcenter) shutted down I started to replace it. Currently I'm using mavenCentral(). Also I'm using the react-native-intercom (wrapper for intercom). When I'm trying to build gradlew assembleRelease. Its throws me an error.



            Answered 2022-Jan-23 at 12:38

            I solved it. If you are using the react-native-intercom wrapper. You need to update it, after update everything works fine



            react-native "Export statement may only appear at top level" was working fine until cleaning project how do I find out the issue?
            Asked 2022-Feb-09 at 06:34

            I'm only seeing mention of changes in babelrc etc. online for this message. I've tried to remove the dependency that gives me this error and it appears that then next dependency evaluated returns the same message.

            The error is coming from any/all of my node_modules folder and the code is correct. I'm guessing something has changed w/ versions of something in my dev dependencies but not sure how to track it down...

            I'm using RN 61.5 old I know but this is a production env and can't update atm. Any help on where to look to find the issue please?



            Answered 2022-Feb-09 at 06:34

            we decided to take the big plunge. upgrade the project from rn 61.5 to 67! it only took 2 days ;) wish we would have started there...



            Undefined is not an object (evaluating '_$$_REQUIRE(_dependencyMap[5], "expo-camera").Camera')
            Asked 2022-Feb-06 at 17:49

            I am trying to install the expo camera on my device, but I keep running into problems. I only did 3 things

            1. expo install expo-camera.
            2. copy the example code to my project.
            3. add expo camera to package.json.

            I followed this tutorial:

            I think the problem might be: In managed apps, Camera requires Permissions.CAMERA. Video recording requires Permissions.AUDIO_RECORDING.

            I have no clue what to do with that.

            Good to know:




            Answered 2022-Feb-06 at 17:49

            If you want to use any of the expo modules easily, you would need to install "Expo Modules".

            If you are migrating from react-native-unimodules see this:

            To Install Expo Modules in your project, run the following command:



            Start React Native : Error 502 from maven-metadata.xml
            Asked 2022-Jan-17 at 13:07

            When I execute npx react-native run-android I have a 502 error that does not allow me to start my project.

            I have read these recents topics : "React Native: Android "Received status code 502 from server: Bad Gateway" from JCenter and Bintray being discontinued" et "Could not HEAD maven-metadata.xml. Received status code 502 from server: Bad Gateway".

            They mention that the breakdown is repaired. It's confirmed on the official website : Sporadic 502 Bad Gateway, 500 Internal Server Error for maven-metadata.xml resources

            Sometimes I read that it can come from my cache. How to check this?



            Answered 2022-Jan-17 at 13:07

            Try this,

            • Go to the android folder.
            • Find build.gradle file.
            • Change every "jcenter()" into "mavenCentral()".



            How to add camera permission in react native
            Asked 2021-Dec-31 at 11:34

            I want to scan the qr code using this package react-native-qrcode-scanner, I am following this tutorial In the tutorial, the camera permission is given through manifest file, however I don't have this file in my expo project. I tried to add "permissions": ["CAMERA"] to app.json file but it didn't work so How can I add camera permission?



            Answered 2021-Dec-31 at 11:34

            Is there a specific reason you want to use that particular library, or are you using it simply because it is what is covered in the tutorial?

            Expo has a barcode scanner library that will perform QR code scanning, here is the documentation: This library can be used in the managed workflow (which you are using by the sounds of things) and the documentation is pretty straight forward.

            Having looked at the library that you want to use, it will require linking which means you will have to eject your project to access the necessary files required for that - if there isn't any particularly requirement for you to use this library specifically, I would suggest steering clear of ejecting if it can be avoided.



            react native typescript screen test returning Test suite failed to run AsyncStorage is null
            Asked 2021-Dec-06 at 15:23

            I am experiencing difficulty writing tests for react-native typescript screen using instructions from the URL below

            I keep getting the below error

            FAIL app/screens/login/login-screen.test.tsx ● Test suite failed to run



            Answered 2021-Dec-06 at 15:23

            Based on your package.json dependencies you dont have the @react-native-async-storage dependency, you have @react-native-community/async-storage, which is the old organisation namespace.

            Try doing



            Expo Managed Workflow - Modify CocoaPods Podfile
            Asked 2021-Oct-15 at 19:17
            Modify CocoaPods Podfile for MLKit

            I would like to implement react-native-camera for managed workflow which requires MLKit for text recognition.

            How do I add the following snippet to the CocoaPods Podfile so I can enable text recognition?



            Answered 2021-Oct-15 at 19:17

            I was unable to modify the podfile after build so forked the project and made the necessary changes myself, this way I didn't need to modify the podfile.



            React Native CameraRoll being undefined
            Asked 2021-Oct-15 at 07:59

            This is my function component using react native community camera roll. It's mostly copied from the examples in the readme from github:

            I do use the expo app on my android 11 phone to test and debug the rn app.



            Answered 2021-Oct-15 at 07:59

            I'm still not sure what the problem was, but I guess using expo might be a problem. I forgot that expo comes with a lot of modules so I ended up using without any problems.



            Native Camera with full functionalities on Flutter or React Native?
            Asked 2021-Oct-13 at 03:41

            I'm currently selecting which framework to realize Android and iOS native camera functionalities for our client work. Due to the requirements and limitations of skills, I have to pick up either Flutter or React Native.

            I have gone through the documents on both platforms, and I see there are some limitations on camera functionalities. (e.g. To my understanding, resolution presets are limited on Flutter, thumbnail image is not generated on React Native by default)



            Is there any ways to fully activate the native camera functionalities on Flutter or React Native? If yes, how is it possible? (Maybe it's possible to implement the native functions with Kotlin or Swift inside Flutter or React Native source?)

            This is my first project for mobile development, so apologies for the lack of understanding both platforms' technologies. My concern is "how Flutter or React Native camera app would be different from the native code app". Shooting speed, Burst mode, Zooming function, etc.



            Answered 2021-Oct-13 at 03:41

            In Flutter you can use Platform Channels as you said to interract with native code.

            React native have a similar ability for Native Modules which provides a similar functionality.

            In terms of comparing the two languages Flutter uses Dart as the language and react native uses Javascript, if you are planning on using something more familiar that could also be a consideration. Here is a comparison chart showing differences between the two.



            iOS disable "select more photos" alert
            Asked 2021-Oct-08 at 10:25

            I'm developing an app on react native and I faced a problem with limited iOS photo permission.

            I'm using this library – to fetch photos and I have a question about native ios code.

            When I set limited permission then every time when I launch the app on a screen that fetches photos iOS shows me an alert.

            I would like to disable this alert and never show it although I can't find what exactly triggers it

            This is a source code of a function that I use ->

            I beleive that this function triggers the alert because when I comment out it the alert does not show up, maybe I'm wrong though coz I don't have any expereince in objective-c

            P.S. I've tried to modify this function but looks like it has nothing in common with the alert ;(



            Answered 2021-Oct-08 at 10:25

            To disable the automatic prompt when the user has granted limited photo access you need to add PHPhotoLibraryPreventAutomaticLimitedAccessAlert to your info.plist


            Community Discussions, Code Snippets contain sources that include Stack Exchange Network


            No vulnerabilities reported

            Install react-native-camera

            You can install using 'npm i react-native-cam' or download it from GitHub, npm.
            You can use react-native-camera like any standard Java library. Please include the the jar files in your classpath. You can also use any IDE and you can run and debug the react-native-camera component as you would do with any other Java program. Best practice is to use a build tool that supports dependency management such as Maven or Gradle. For Maven installation, please refer For Gradle installation, please refer .


            To use the camera,.
            Find more information at:

            Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items

            Find more libraries
          • HTTPS


          • CLI

            gh repo clone react-native-camera/react-native-camera

          • sshUrl


          • Stay Updated

            Subscribe to our newsletter for trending solutions and developer bootcamps

            Agree to Sign up and Terms & Conditions

            Share this Page

            share link

            Explore Related Topics

            Reuse Pre-built Kits with react-native-camera

            Consider Popular Camera Libraries


            by react-native-camera


            by react-native-community


            by IntelRealSense


            by CameraKit


            by wuhaoyu1990

            Try Top Libraries by react-native-camera


            by react-native-cameraKotlin