React Native二维码扫描

支持安卓和ios版本
进到项目的跟路径
执行 npm install git+https://github.com/lwansbrough/react-native-camera.git --save
再去执行react-native link react-native-camera

React Native二维码扫描_第1张图片
7F470E6D-BBBF-46A9-A8AC-A14B6DA68410.png

在输入
npm install react-native-deprecated-custom-components --save


React Native二维码扫描_第2张图片
29EFB942-2B39-4C2E-A596-140377343C4B.png

iOS打开项目在info的plist文件加入相机和相册的权限
Privacy - Photo Library Usage Description
Privacy - Camera Usage Description

React Native二维码扫描_第3张图片
BF6FA4D4-B3A1-4E1C-BDBE-F7C00293A18A.png

安卓的配置文件里,加两个属性

React Native二维码扫描_第4张图片
8E8A5C9C-BB32-4530-92B5-FFCB133AD3E9.png
React Native二维码扫描_第5张图片
317E6B12-5F8A-4853-98F6-7415D5D34F96.png
React Native二维码扫描_第6张图片
F9B99B8F-1193-45BB-ABC3-571D8FB14A20.png
React Native二维码扫描_第7张图片
FA13D571-92EF-49D7-BE1C-651477276095.png

引用QRCodeScreen类

需要的和我要,效果是

React Native二维码扫描_第8张图片
734B794284B3A6CA8FA7F698989B2761.png

你可能感兴趣的:(React Native二维码扫描)