React-native-scanner-kit NPM

react-native-scanner-kit

QR Scanner Kit for React Native(Android & iOS), support react native 0.57.8+

Environments 环境要求

1.JS

node: 8.0+

2.iOS

XCode: 9.0+

3.Android

Android SDK: api 28+
gradle: 4.5
Android Studio: 3.1.3+

npm源

npm install react-native-scanner-kit --save

原生模块导入

Android Studio

react-native link react-native-scanner-kit

iOS/Xcode

使用 pod

Podfile 增加

  pod 'React', :path => '../node_modules/react-native', :subspecs => [
    'Core',
    'CxxBridge',
    'DevSupport', 
    'RCTText',
    'RCTNetwork',
    'RCTWebSocket', 
    'RCTAnimation'
  ]
  pod 'yoga', :path => '../node_modules/react-native/ReactCommon/yoga'
  pod 'DoubleConversion', :podspec => '../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec'
  pod 'glog', :podspec => '../node_modules/react-native/third-party-podspecs/glog.podspec'
  pod 'Folly', :podspec => '../node_modules/react-native/third-party-podspecs/Folly.podspec'

  pod 'react-native-scanner-kit', :path => './node_modules/react-native-scanner-kit' #或使用命令行react-native link react-native-scanner-kit再进行pod

Usage 使用方法

import { QRSannerView } from 'react-native-scanner-kit';

QRScannerView Props 属性

Prop	Type	Default	Description
framingRatioRect	object	full	Scanning area，Framing ratio rect
isStartScan	bool	true
isOpenFlash	bool	false
scanAudioFile	string	null
rereadQR	object	{reread: true,time: 1.0}
onScanResult	func	[]
onScanError	func	{code: -1,errMsg: "Err Msg"}