web-dev-qa-db-fra.com

Balayage des codes à barres à l’aide de react native

J'utilise react-native-camera pour construire un scanner de codes à barres pour Android et iOS.

Je suis en mesure de scanner le code à barres dans iOS mais le problème est qu'il n'y a pas de visuel pour la limite de numérisation. Et je veux que l’ensemble de l’écran puisse scanner le code à barres et pas seulement le milieu de l’écran.

Y a-t-il un moyen de le contourner?…. S'il y a une autre bibliothèque qui fonctionnerait aussi pour moi.

react-nativereact-native-camera
8
Rohit Goyal

Ça m'a pris toute la journée mais j'ai finalement trouvé une bibliothèque qui fonctionnait bien. Si quelqu'un trouve son chemin ici et cherche un scanner de code à barres pour réagir en natif qui fonctionne sur Android ... Je suis là pour vous aider.

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

1ère si vous n'avez pas rnpm l'obtenir ... c'est très utile! (Npm install -g rnpm) ( https://github.com/rnpm/rnpm )

puis exécutez ces commandes dans votre fichier de projet:

npm install --save react-native-barcodescanner

lien rnpm react-native-barcodescanner

à ce stade, j'ai synchronisé gradle et relancer l'application depuis les studios Android ... je ne suis pas sûr que cela soit nécessaire (parfois aussi link rnpm oublie un nouveau caractère de ligne ... si vous avez un message d'erreur concernant le mot, c'est parce que c'est le cas. ..just le trouve dans votre fichier setting.gradle ajoute une nouvelle ligne avant le mot include)

maintenant, il est prêt à être utilisé.

importer le:

import BarcodeScanner from 'react-native-barcodescanner';

puis utilisez-le dans l'état de retour de votre fonction de rendu:

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

Si vous avez besoin de plus d’informations, consultez ce lien. J'espère que cela a aidé quelqu'un à éviter la torture que j'ai subie en passant d'une bibliothèque à une autre qui ne fonctionnait pas.

Bonne codage! :)

7
James Hollyer

Je recommande d'utiliser React Native Community . Il est assez bien entretenu et vous pouvez simplement passer un accessoire de rappel pour recevoir le résultat:

<RNCamera onBarCodeRead={this.handleBarCodeRead}></RNCamera>

Votre rappel sera appelé lorsqu'un code à barres est détecté dans la vue de la caméra. À partir de la documentation :

Event contient les données (les données du code à barres) et le type (le type du code à barres détecté).

1
Theson

js.coach est un bon endroit pour rechercher des plugins natifs de réaction

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

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

0
papacostas

Je viens de trouver un lecteur de code universel - combine Android et ios: https://www.npmjs.com/package/react-native-barcode-scanner-universal

Essayé sur Android fonctionne très bien.

0
Pavel Biryukov