title: React-native camera showing blank screen
body: <p>Not able to see the camera , showing blank screen on screen using it on real device.</p>
  <p>Below is my code for the same</p>
  <pre class="lang-js prettyprint-override"><code>import React, { useRef } from 'react';
  import { AppRegistry, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
  import { RNCamera } from 'react-native-camera';
  
  export default function Create() {
      const cameraRef = useRef();
  
      const takePicture = async () =&gt; {
          // if (this.camera) {
          //  const options = { quality: 0.5, base64: true };
          //  const data = await this.camera.takePictureAsync(options);
          //  console.log(data.uri);
          // }
      };
      return (
          &lt;View style={styles.container}&gt;
              &lt;RNCamera
                  ref={cameraRef}
                  style={styles.preview}
                  type={RNCamera.Constants.Type.back}
                  flashMode={RNCamera.Constants.FlashMode.on}
                  androidCameraPermissionOptions={{
                      title: 'Permission to use camera',
                      message: 'We need your permission to use your camera',
                      buttonPositive: 'Ok',
                      buttonNegative: 'Cancel',
                  }}
                  androidRecordAudioPermissionOptions={{
                      title: 'Permission to use audio recording',
                      message: 'We need your permission to use your audio',
                      buttonPositive: 'Ok',
                      buttonNegative: 'Cancel',
                  }}
              /&gt;
              &lt;View style={{ flex: 0, flexDirection: 'row', justifyContent: 'center' }}&gt;
                  &lt;TouchableOpacity style={styles.capture}&gt;
                      &lt;Text style={{ fontSize: 14 }}&gt; SNAP &lt;/Text&gt;
                  &lt;/TouchableOpacity&gt;
              &lt;/View&gt;
          &lt;/View&gt;
      );
  }
  
  const styles = StyleSheet.create({
      container: {
          flex: 1,
          flexDirection: 'column',
          backgroundColor: 'black',
      },
      preview: {
          flex: 1,
          justifyContent: 'flex-end',
          alignItems: 'center',
      },
      capture: {
          flex: 0,
          backgroundColor: '#fff',
          borderRadius: 5,
          padding: 15,
          paddingHorizontal: 20,
          alignSelf: 'center',
          margin: 20,
      },
  });
  </code></pre>