Question

我想知道如何从React Native中使用的qrcode扫描器中保存值并将该值自动显示到另一个页面。因此，一旦扫描了二维码，它将自动重定向到另一页。

是否可以使用React Navigation？

Answer 1

您可以使用react-native-qrcode-scanner库来创建这种类型的功能。

react-native-camera是此程序包的依赖项，您需要将其添加到项目中。要安装，请运行以下命令：

npm install react-native-camera --save
react-native link react-native-camera

安装后，通过以下命令链接react-native-qrcode-scanner：

npm install react-native-qrcode-scanner --save
react-native link react-native-qrcode-scanner
react-native link react-native-permissions

这是QR扫描仪的示例代码

import React, {Component} from 'react';
import {StyleSheet, Text, View, AppRegistry, TouchableOpacity, Linking} from 'react-native';
import QRCodeScanner from 'react-native-qrcode-scanner';

export default class App extends Component {

  onSuccess(e) {
    //here you can do whatever you want to do on a successful scan
    alert(e.data);
  }

  render() {
    return (
      <View style={{flex:1, justifyContent: 'center',}}>
        <QRCodeScanner
         showMarker={true}
         onRead={this.onSuccess.bind(this)}
       />
      </View>
    );
  }
}

如果安装时遇到任何困难，您可以访问以下链接：https://www.npmjs.com/package/react-native-qrcode-scanner

保存QRcode值并将其显示在React Native的另一个页面中

1 个答案: