React-native-barcode-zxing-scan 1.0.2 On Npm

Trang chủ » Npm Zxing » React-native-barcode-zxing-scan 1.0.2 On Npm

Có thể bạn quan tâm

react-native-barcode-zxing-scan

The zxing module scanning barcodes in android.

This module abstracts the library zxing-android-embedded, developed by JourneyApps.

Barcode formats:

  • CODE 128
  • UPC A
  • UPC E
  • EAN 8
  • EAN 13
  • RSS 14
  • CODE 39
  • CODE 93
  • ITF
  • RSS EXPANDED
  • QR CODE
  • DATA MATRIX
  • PDF 417

Getting started

$ npm install react-native-barcode-zxing-scan --save

Mostly automatic installation

$ react-native link react-native-barcode-zxing-scan

Manual installation

Android Update rn to 0.60.* and use autolink

Usage

App.js

import React from "react"; import { Text, View, TouchableOpacity } from "react-native"; import BarcodeZxingScan from "react-native-barcode-zxing-scan"; const App = () => { const barcodeScanned = (data) => { console.log("Barcode ", data); }; const handleClick = () => { BarcodeZxingScan.showQrReader(barcodeScanned); }; return ( <View> <TouchableOpacity onPress={() => handleClick()} style={{ margin: 20, backgroundColor: "blue", justifyContent: "center", alignItems: "center", }} > <Text style={{ fontSize: 30 }}>SCAN</Text> </TouchableOpacity> </View> ); }; export default App;

Từ khóa » Npm Zxing