Barcode Scannen mit reaktiven nativen

Question

Ich benutze react-native-Kamera, um einen Barcode-Scanner für Android und iOS beide zu bauen.

Ich bin in der Lage, den Barcode in iOS zu scannen, aber das Problem ist, gibt es keine visuelle für die Scan-Grenze. Und ich möchte, dass der gesamte Bildschirm den Barcode nicht nur in der Mitte des Bildschirms scannen kann.

Gibt es einen Weg um es herum? Wenn es eine andere Bibliothek gibt, die auch für mich arbeiten würde.

Answer 1

js.coach ist ein guter Ort, um für native Plugins reagieren

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

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

Answer 2

Nun, es hat mich den ganzen Tag, aber ich fand schließlich eine Bibliothek, die funktionierte. Wenn jemand hier seinen Weg findet und nach einem Barcode-Scanner sucht, der auf Android arbeitet, bin ich hier um zu helfen.

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

1. wenn Sie es nicht bekommen haben rnpm ... es ist sehr hilfreich (NPM -g rnpm installieren) (https://github.com/rnpm/rnpm)

dann diese Befehle in Ihrer Projektdatei ausführen:

npm installieren --save reagieren-native-Barcodescanner

rnpm Link reagieren-native-Barcodescanner

an diesem Punkt synchronisierte ich grandle und reran die app von android studios ... nicht sicher, ob es benötigt wird (auch manchmal rnpm link vergisst ein neues zeilenzeichen ... wenn sie eine fehlermeldung über das wort include haben es ist, weil das ... finde es einfach in deiner Einstellung.Gradle-Datei eine neue Zeile hinzufügen, bevor das Wort enthalten)

jetzt ist es bereit zu verwenden.

Import es:

import BarcodeScanner from 'react-native-barcodescanner'; 

dann verwenden, in Ihrer Funktion Rückkehr statment machen:

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

Wenn Sie weitere Informationen benötigen diese Verbindung überprüfen. Ich hoffe, das half jemandem, die Folter zu vermeiden, die ich ertragen musste, nachdem ich die Bibliothek nach einer alten Bibliothek durchsucht hatte, die nicht funktionierte.

Glückliche Codierung! :)

Answer 3

gefunden Nur Universal-Code-Scanner - kombiniert Android- und iOS: https://www.npmjs.com/package/react-native-barcode-scanner-universal

auf Android Versuchte ganz gut funktioniert.