条形码扫描使用反应原生

Question

我正在使用react-native-camera为Android和iOS构建条形码扫描器.

我能够扫描iOS中的条形码,但问题是扫描边界没有视觉效果.我希望整个屏幕能够扫描条形码而不仅仅是屏幕中间.

它有什么办法吗？如果还有一些其他库也适合我.

Answer 1

好吧,它花了我一整天,但我终于找到了一个有效的图书馆.如果有人在这里找到他们的方式,并正在寻找一个条码扫描器反应本机,适用于Android ...我来这里是为了帮助.

第1,如果你没有rnpm得到它...它是非常有帮助的!(npm install -g rnpm)(https://github.com/rnpm/rnpm)

然后在项目文件中运行这些命令:

npm install --save react-native-barcodescanner

rnpm link react-native-barcodescanner

在这一点上,我同步gradle并重新启动Android工作室的应用程序......不确定是否需要它(有时rnpm链接会忘记一个新行字符...如果你有关于单词include的错误消息,那是因为这个. ..只是在你的setting.gradle文件中找到它在单词include之前添加一个新行

现在它已经可以使用了.

导入它:

import BarcodeScanner from 'react-native-barcodescanner';

然后在渲染函数的返回语句中使用它:

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

如果您需要更多信息,请查看该链接.我希望这有助于某人避免在我无法工作的旧图书馆之后经历图书馆的折磨.

快乐的编码!:)

Answer 2

js教练是寻找 React Native 插件的好地方