react native - pdf417 - El escaneo del código de barras usando reaccionar nativo

pdf417 reader react native

Question

Estoy usando reaccionar-native-camera para construir un escáner de código de barras para Android e iOS.

Puedo escanear el código de barras en iOS, pero el problema es que no hay visual para el límite de escaneo. Y quiero que toda la pantalla pueda escanear el código de barras no solo en el medio de la pantalla.

¿Hay alguna manera de evitarlo? Si hay alguna otra biblioteca que también funcione para mí.

Answer 1

Acaba de encontrar el escáner universal de códigos: combina Android y iOS: https://www.npmjs.com/package/react-native-barcode-scanner-universal

Probé con Android funciona bien.

Answer 2

js.coach es un buen lugar para buscar los plugins nativos de reaccionar

https://github.com/ideacreation/react-native-barcodescanner

https://github.com/leofidjeland/react-native-barcode

Answer 3

Bueno, me llevó todo el día pero finalmente encontré una biblioteca que funcionó. Si alguien encuentra su camino aquí y está buscando un escáner de código de barras para reaccionar nativo que funciona en Android ... Estoy aquí para ayudar.

https://github.com/ideacreation/react-native-barcodescanner

Primero, si no tiene rnpm obténgalo ... ¡es muy útil! (Npm install -g rnpm) ( https://github.com/rnpm/rnpm )

luego ejecuta estos comandos en tu archivo de proyecto:

npm install --save react-native-barcodescanner

rnpm link react-native-barcodescanner

en este punto sincronicé gradle y relancé la aplicación desde los estudios de Android ... no estoy seguro si es necesario (también a veces el enlace rnpm olvida un nuevo carácter de línea ... si tiene un mensaje de error sobre la palabra incluir es porque esto. ... solo encuentra en tu archivo setting.gradle agrega una nueva línea antes de incluir la palabra)

ahora está listo para usar.

importarlo:

import BarcodeScanner from ''react-native-barcodescanner'';

luego úsala en la declaración de retorno de tu función de renderizado:

<BarcodeScanner
    onBarCodeRead={this._BarCodeRead}
    style={styles.preview}
    torchMode=''off''
    cameraType=''back''
  />

Si necesita más información, consulte ese enlace. Espero que esto haya ayudado a alguien a evitar la tortura que soporté yendo a través de la biblioteca después de la vieja biblioteca que no funcionó.

Feliz codificación! :)