1.首先安装react-native-camera
npm i react-native-camera --save
或
yarn add react-native-camera
2.在android/app/src/main/AndroidManifest.xml中添加
<uses-permission android:name="android.permission.CAMERA" />
3.在android/app/build.gradle下添加
missingDimensionStrategy 'react-native-camera', 'general'
这样就完成了react-native-camera的配置
import {RNCamera} from 'react-native-camera';
import React, {useEffect, useRef} from 'react';
import {
StyleSheet,
Animated,
PermissionsAndroid,
default as Easing,
ImageBackground,
DeviceEventEmitter,
View,
Text,
Image,
TouchableOpacity,
} from 'react-native';
let camera;
const ScanQRCode = () => {
const moveAnim = useRef(new Animated.Value(-2)).current;
useEffect(() => {
requestCameraPermission();
startAnimation();
// eslint-disable-next-line react-hooks/exhaustive-deps