RNcamera(react-native-camera)无法识别条形码时如何显示错误消息

时间:2018-11-16 03:59:48

标签: react-native-camera

我是React-native的新手。我有条码扫描的要求,并且为此使用了反应本地相机。当由于某种原因无法识别条形码时,我想向用户显示错误消息。 这是代码。

class Scan extends Component {
constructor(props) {
  super(props);
  this.barocode = this.barocode.bind(this);}

barocode(e)
{
  if(typeof (e) == 'undefined') // tried this if barcodes are not recognized. This doesn't work.
  {
    alert("error");
  }
  else{
  this.camera.pausePreview();
  alert(e.data);
  }

}


render() {
  return (
    <View style={styles.container}>
      <RNCamera
          ref={ref => {
            this.camera = ref;
          }}
          style = {styles.preview}
          type={RNCamera.Constants.Type.back}
          flashMode={RNCamera.Constants.FlashMode.on}
          onBarCodeRead={(e) => {
            this.barocode(e)}}
      />
    </View>
  );
}

OnbarcodeRead一旦识别出条形码,就会调用函数this.barocode(e)。该代码对于文档中列出的几乎所有条形码类型都适用。

https://www.npmjs.com/package/react-native-camera

如果无法识别条形码,

OnbarcodeRead将是未定义的(这不会调用函数this.barocode(e))。我想在那段时间显示一条错误消息。谁能指导我完成任务的方式。

0 个答案:

没有答案