How to access the camera - React Native

Question

This should be included in the react-native APIs but I cannot seem to find any API included out of the box.

I want to open up the camera on the click of a button. I can see some APIs just for iOS but react-native should make things cross-platform.

Does anyone know how to access the camera (not the gallery) using react-native?

Answer 1

You might like to use react-native-camera module for this.

Here's an example usage of the library:

'use strict'; import React, { Component } from 'react'; import {   AppRegistry,   Dimensions,   StyleSheet,   Text,   TouchableHighlight,   View } from 'react-native'; import Camera from 'react-native-camera';  class BadInstagramCloneApp extends Component {   render() {     return (       <View style={styles.container}>         <Camera           ref={(cam) => {             this.camera = cam;           }}           style={styles.preview}           aspect={Camera.constants.Aspect.fill}>           <Text style={styles.capture} onPress={this.takePicture.bind(this)}>[CAPTURE]</Text>         </Camera>       </View>     );   }    takePicture() {     const options = {};     //options.location = ...     this.camera.capture({metadata: options})       .then((data) => console.log(data))       .catch(err => console.error(err));   } }  const styles = StyleSheet.create({   container: {     flex: 1,     flexDirection: 'row',   },   preview: {     flex: 1,     justifyContent: 'flex-end',     alignItems: 'center'   },   capture: {     flex: 0,     backgroundColor: '#fff',     borderRadius: 5,     color: '#000',     padding: 10,     margin: 40   } });  AppRegistry.registerComponent('BadInstagramCloneApp', () => BadInstagramCloneApp);