Scansione di codici a barre usando react nativo

Question

Sto usando react-native-camera per costruire uno scanner di codici a barre per Android e iOS entrambi.

Sono in grado di eseguire la scansione del codice a barre in iOS ma il problema è che non vi è alcuna visualizzazione per il limite di scansione. E voglio che l'intero schermo sia in grado di scansionare il codice a barre non solo al centro dello schermo.

C'è un modo per aggirarlo? Se c'è qualche altra libreria che potrebbe funzionare anche per me.

Answer 1

js.coach è un buon posto per cercare di reagire i plugin nativi

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

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

Answer 2

Beh ci ho messo tutto il giorno ma ho finalmente trovato una libreria che ha funzionato. Se qualcuno trova la sua strada qui e sta cercando uno scanner di codici a barre per reagire nativo che funziona su Android ... Sono qui per aiutare.

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

prima se non si dispone di rnpm farlo ... è molto utile (NPM installare rnpm -g) (https://github.com/rnpm/rnpm)

quindi eseguire questi comandi nel file di progetto:!

npm installare --save reagiscono-native-Barcodescanner

collegamento

rnpm reagire-native-Barcodescanner

a questo punto ho sincronizzato gradle e reran l'app dagli studi Android ... non so se è necessario (anche a volte il link rnpm dimentica un carattere di nuova riga ... se hai un messaggio di errore sulla parola include è perché questo ... basta trovarlo nel file setting.gradle aggiungere una nuova riga prima che la parola includa)

ora è pronto per l'uso.

importarlo:

import BarcodeScanner from 'react-native-barcodescanner'; 

poi utilizzare nel vostro render statment ritorno di funzione:

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

Se avete bisogno di più informazioni controllare quel link. Spero che questo abbia aiutato qualcuno a evitare la tortura che ho subito passando attraverso la biblioteca dopo la vecchia biblioteca che non funzionava.

Felice codifica! :)

Answer 3

appena trovato scanner codice universale - combina Android e iOS: https://www.npmjs.com/package/react-native-barcode-scanner-universal

Provato su Android funziona bene.