我的环境:
"react": "17.0.2",
"react-native": "0.68.5",
"react-native-image-crop-picker": "^0.38.0",
"rn-qr-generator": "^1.3.1"
| 标题 | 地址 | 缺点 |
|---|---|---|
| qr-scanner | github.com/nimiq/qr-sc… | 前端js方案格式支持不全,不想搞了(类似这种解法How to Decode QR Code Images Files in React Native (iOS and Android) ?Supported image sources are: HTMLImageElement, SVGImageElement, HTMLVideoElement, HTMLCanvasElement, ImageBitmap, OffscreenCanvas, File / Blob, Data URIs, URLs pointing to an image (if they are on the same origin or CORS enabled) |
| qr-scanner-wechat | 如果你只是想要实现这个功能的话,不需要摄像头,那么有一个库可以帮你。github.com/antfu/qr-sc… | 前端领域 |
| opencv-js-qrcode | 或者这个:github.com/leidenglai/… | 前端领域 |
| expo-barcode-scanner | docs.expo.dev/versions/la… | expo我没有装,我看iOS要求iOS13以上 |
| react-native-ml-kit | github.com/a7medev/rea… | 依赖一大堆,用的Google的东西,安装不便,最主要是识别效率低 |
| react-native-local-barcode-recognizer | github.com/nimiq/qr-sc… | 太老了,我link失败了 |
| react-native-qr-scanner | github.com/shifeng1993… | 太老了 |
| rn-qr-generator | github.com/gevgasparya… | bingo:封装了ZXing,比较新,识别率还算可以,集成方便 |
找了一圈方案最后选择了这个:【我用Google搜索找到一个还算行的,github.com/gevgasparya… 】 自己看文档吧
参考文章: