javascript - react native 相机，onBarCodeRead 不起作用-6ren

javascript - react native 相机，onBarCodeRead 不起作用

转载作者：行者123 更新时间：2023-12-03 03:50:18

28

4

react native 相机，onBarCodeRead 不起作用，我已经安装了 react native 相机，代码触发相机，但即使使用 onBarCodeRead 功能，它也无法读取或发现条形码。以下是我的代码和屏幕截图

 import React, { Component } from 'react';
 import { Image, Platform } from 'react-native';
 import { connect } from 'react-redux';
 import { Actions } from 'react-native-router-flux';
 import { Container, Header, Title, Content, Button, Icon, List, ListItem, Text, Footer, Left, Right, Body } from 'native-base';

 import styles from './styles';
 import { UserLogin, username,password} from '../../actions/index.js';
 import Spinner from 'react-native-loading-spinner-overlay';
 import Camera from 'react-native-camera';
 const glow2 = require('../../../images/glow2.png');

 const backgroundImage = require('../../../images/glow2.png');
 const logo = require('../../../images/logo.png');
 class Qrcamera extends Component {
  render() {
   return (
     <Container style={{ backgroundColor: '#fff' }}>
       <Image source={glow2} style={styles.container} >

      <Header style={{ backgroundColor: '#004774' }} >
        <Left>
          <Button transparent onPress={this.props.openDrawer} >
            <Icon active name="menu" style={{ fontSize: 30, lineHeight: 32 }} />
          </Button>
        </Left>
        <Body>
          <Title>Scanner</Title>
        </Body>
        <Right />

      </Header>

      <Content padder style={{ backgroundColor: 'transparent' }}>

        <Camera
      ref={(cam) => {
        this.camera = cam;
      }}
      style={styles.preview}
      aspect={Camera.constants.Aspect.fill}
      onBarCodeRead={this._bacr()}
      barCodeTypes={['org.iso.QRCode']}
      >

    </Camera>


      </Content>


    </Image>
    </Container>
  );
}
 _bacr(){
    alert("hey sported barcode!");
 }

}

export default connect()(Qrcamera);

enter image description here

最佳答案

翻译

您刚刚声明的 barCodeTypes 不是错误的吗？我的读取二维码是这样的:

barCodeTypes={[Camera.constants.BarCodeType.qr]}

而且效果很好。将您的 barCodeTypes 更改为此并重试，并确保更改此:

onBarCodeRead={this._bacr()}

进入此:

onBarCodeRead={this._bacr.bind(this)}

或者:

onBarCodeRead={()=>{this._bacr()}}

否则，当您的相机读取二维码时，它不会启动该功能。

关于javascript - react native 相机，onBarCodeRead 不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45199796/

28

4

0

文章推荐： javascript - 仅删除数组中的 "strings"

文章推荐： javascript - 检测元素是否超出其父元素的外边界

文章推荐： javascript - Blade 内部的 Vue - 语法

文章推荐： javascript - 如何在指令中重新渲染部分html？

实例分析Try {} Catch{} 作用
今天有小伙伴给我留言问到，try{...}catch(){...}是什么意思？它用来干什么？简单的说他们是用来捕获异常的下面我们通过一个例子来详细讲解下
html - 列表社交媒体链接的 ARIA 作用
我正在努力提高网站的可访问性，但我不知道如何在页脚中标记社交媒体链接列表。这些链接指向我在 facecook、twitter 等上的帐户。我不想用 role="navigation" 标记这些链接，因
java.util.Timer SystemTime 作用？
说现在是 6 点，我有一个 Timer 并在 10 点安排了一个 TimerTask。之后，System DateTime 被其他服务(例如 ntp)调整为 9 点钟。我仍然希望我的 TimerTas
php - 什么是 Doctrine hydration 作用？
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
python入门:argparse浅析 nargs='+'作用
我就废话不多说了，大家还是直接看代码吧~ ? 1
Maven是什么?Maven的概念+作用+仓库的介绍+常用命令的详解
Maven系列1 1.什么是Maven？ Maven是一个项目管理工具，它包含了一个对象模型。一组标准集合，一个依赖管理系统。和用来运行定义在生命周期阶段中插件目标和逻辑。核心功能 Mav

首页

博学

6Ren·AI

商城

javascript - react native 相机，onBarCodeRead 不起作用