react-native - 使用React Native进行条形码扫描

Question

我正在使用react-native-camera构建适用于Android和iOS的条形码扫描仪。

我可以在iOS中扫描条形码，但问题是扫描边界没有视觉效果。我希望整个屏幕都能够扫描条形码，而不仅仅是屏幕中间。

有什么办法解决吗？
如果还有其他图书馆也对我有用。

Answer 1

好吧，这花了我整天的时间，但是我终于找到了一个可以正常工作的图书馆。如果有人在这里找到自己的方式，并且正在寻找可在Android上运行的React Native条形码扫描仪...我在这里为您提供帮助。
https://github.com/ideacreation/react-native-barcodescanner
1st如果您没有rnpm得到它...这非常有帮助!(npm install -g rnpm)(https://github.com/rnpm/rnpm)
然后在您的项目文件中运行以下命令:

npm install --save react-native-barcodescanner

rnpm link react-native-barcodescanner

在这一点上，我同步了gradle并从android studios重新运行了该应用程序...不确定是否需要它(有时rnpm链接会忘记换行符...如果您对包含一词的错误消息是因为这。 ..只是在您的setting.gradle文件中找到它，所以在包含这个词之前添加新行
现在可以使用了。
导入它:

import BarcodeScanner from 'react-native-barcodescanner';

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

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

如果您需要更多信息，请查看该链接。我希望这可以帮助某人避免我在旧图书馆失效后经历图书馆遭受的折磨。
祝您编码愉快! :)