Barcode Scannen mit Hilfe reagieren nativen

Ich bin mit react native-Kamera zu bauen, die einen barcode-scanner für Android-und iOS-beide.

Ich bin in der Lage, Scannen Sie den barcode in iOS, aber das Problem ist es gibt keine "visual" für die scan-Grenze. Und ich will den ganzen screen zu können, Scannen Sie den Barcode nicht nur die Mitte des Bildschirms.

Gibt es eine Möglichkeit, um es?
Wenn es eine andere Bibliothek, die würde auch für mich arbeiten.

Sie können versuchen, dieses Konzept stackoverflow.com/a/45713544/1429832

InformationsquelleAutor Rohit Goyal | 2016-02-10

  1. 7

    Gut es hat mich den ganzen Tag, aber schließlich fand ich eine Bibliothek, gearbeitet. Wenn jemand findet den Weg hier und auf der Suche nach einem barcode-scanner reagieren nativen, arbeitet auf android,...ich bin hier um zu helfen.

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

    1. wenn Sie nicht rnpm bekommen...es ist sehr hilfreich!!!(npm install-g rnpm)(https://github.com/rnpm/rnpm)

    dann führen Sie diese Befehle in Ihrem Projekt-Datei:

    npm install --save reagieren-native-barcodescanner

    rnpm link reagieren-native-barcodescanner

    ich an dieser Stelle synchronisiert, gradle und reran die app aus dem android studios...nicht sicher, ob es nötig ist(manchmal auch rnpm link vergisst ein neue-Zeile-Zeichen...wenn Sie eine Fehlermeldung über das Wort enthalten, weil er...nur finden Sie in Ihrer Einstellung.gradle-Datei fügen Sie eine neue Zeile vor dem Wort enthalten)

    nun ist es bereit zu verwenden.

    importieren:

    import BarcodeScanner from 'react-native-barcodescanner';

    dann verwenden Sie es in Ihrem render-Funktion das return-statment:

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

    Wenn Sie weitere Informationen benötigen, überprüfen Sie heraus diesen link. Ich hoffe, dass dies jemandem geholfen zu vermeiden, die Folter, die ich ertragen gehen durch die Bibliothek nach alten Bibliothek, hat nicht funktioniert.

    Happy coding! 🙂

    Tut es haben, markieren Sie scan-Bereich?
    Funktioniert dieses plugin auch nutzt den ganzen Bildschirm zum Scannen von barcodes?
    Gute Fragen. Ich habe nicht Durcheinander gebracht, so daß ich nicht sicher bin(vielleicht auch Fragen, auf die github-Seite?). Aber ich weiß, dass es für android-dies ist standard. Der obige code enthält ein highlight Bereich auf dem Bildschirm, und es wird nur der scan in diesem Bereich. Ich bin nicht sicher, wie es zu Steuern wenn. viel Glück!
    Ist dies können Sie alles Scannen König der barcode ? In meinem Fall ist es nur Scannen von QR-codes. So Scannen Sie alle Arten von barcodes mit der gleichen oder einer anderen Bibliothek ?

    InformationsquelleAutor James Hollyer

  2. 1

    Empfehle ich Reagieren Nativen Gemeinschaft Reagieren Nativen Kamera. Es ist sehr gut gepflegt und Sie können übergeben Sie einfach einen Rückruf requisite, um die Ausgabe zu empfangen:

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

    Der callback wird aufgerufen, wenn ein barcode erkannt wird in der Kamera-Ansicht. Von den docs:

    Event enthält die Daten (in dem barcode) und den Typ (die Art der barcode erkannt).

    InformationsquelleAutor Theson

  3. 0

    js.coach ist ein guter Ort, um zu suchen, reagieren nativen plugins

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

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

    reagieren-native-barcode ist nur für die Erzeugung von barcode-scheint es. Ich möchte etwas zu Lesen von barcodes. Und mit reagieren-native-Kamera, die ich in der Lage bin, dies zu tun, aber ich habe das Problem, das ich bereits in meiner Frage.

    InformationsquelleAutor papacostas

  4. 0

    Gerade gefunden universal-code-scanner - kombiniert android und ios:
    https://www.npmjs.com/package/react-native-barcode-scanner-universal

    Habe versucht, auf Android funktioniert Prima.

    InformationsquelleAutor Pavel Biryukov

Schreibe einen Kommentar