如何使用react-native-camera捕获图片

问题描述

我尝试使用react-native-camera捕获图像，但是失败了， 租用我的代码。

解决方法

您正在功能组件中访问“ this”

课程级别组件：

takePicture = async () => {
    if (this.camera) {
      const options = { quality: 0.5,base64: true };
      const data = await this.camera.takePictureAsync(options);
      console.log(data.uri);
    }
  };

<RNCamera
          ref={ref => {
            this.camera = ref;
          }}
          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',}}
          onGoogleVisionBarcodesDetected={({ barcodes }) => {
            console.log(barcodes);
          }}
        />

对于功能组件

const cameraRef = useRef();

takePicture = async () => {
      const options = { quality: 0.5,base64: true };
      const data = await cameraRef.takePictureAsync(options);
      console.log(data.uri);
  };

<RNCamera
          ref={cameraRef}
          style={styles.preview}
          type={RNCamera.Constants.Type.back}
          flashMode={RNCamera.Constants.FlashMode.on}
          androidCameraPermissionOptions={{
            title: 'Permission to use camera',}}
          onGoogleVisionBarcodesDetected={({ barcodes }) => {
            console.log(barcodes);
          }}
        />