反应本机博览会 QRcode 生成器

Question

我想在 React Native Expo 中构建我的应用 QRCODE GENERATOR。

我使用二维码 - 模块 react-native-qrcode version 0.2.7, and I have this error。

Answer 1

react-native-qrcode 不再维护。

您可以使用react-native-qrcode-svg包

https://www.npmjs.com/package/react-native-qrcode-svg

yarn add react-native-qrcode-svg

或

npm install --save react-native-qrcode-svg

Answer 2

import React, { Component } from 'react';
import { StyleSheet, View, TextInput, TouchableOpacity, Text,} from 'react-native';
import QRCode from 'react-native-qrcode';
class App extends Component {
constructor() {
super();
this.state = {
  inputValue: '',

  valueForQRCode: '',

    };
}

  getTextInputValue = () => {
this.setState({ valueForQRCode: this.state.inputValue });
};

 render() {
return (
  <View style={styles.MainContainer}>

    <TextInput
      style={styles.TextInputStyle}
      onChangeText={text => this.setState({ inputValue: text })}
      underlineColorAndroid="transparent"
      placeholder="Enter text to Generate QR Code"
    />
    <TouchableOpacity
      onPress={this.getTextInputValue}
      activeOpacity={0.7}
      style={styles.button}>
      <Text style={styles.TextStyle}> Generate QR Code </Text>
    </TouchableOpacity>
  </View>
);
}
}
     export default App;

Answer 3

您可以试试我开源的这个库：react-native-barcode-creator，它可以原生生成 QR 码、Code128、AZTEC 和 PDF417 条码，适用于 iOS 和 Android

反应本机博览会 QRcode 生成器

react native expo QRcode GENERATOR

qr-code

react-native

expo