javascript - react native 内置二维码生成器不工作

Question

我正在使用 React Native 开发移动应用程序，它使用 React Native 内置库(react-native-qrcode-svg)生成二维码。生成的二维码在扫描时没有给出正确的输出，但是当我使用相同的数据在二维码生成器网站上生成二维码时，它工作正常。

数据:

0x000000000000000000000000000000000000000000000000000000000000000012z0x000000000000000000000000000000000000000000000000 00000000000000041z0x00000000000000000000000000000000000000000000000000000000000000016z0x000000000000000000000000000000000000000 00000000000000000000000224b8z0x000000000000000000000000000000000000000000000000000000000002f27d0z0x091ae4f84eca31b5d4c45ce56ac189 3b466242f41ebd5a6632709718effc79a7z0x145a26f968e8a0d3669176dadf5b7896e85da841cf68c8e670af27a242276b46z0x22700e11d34f6223378c6e8a7 4cf8f2836fb98980ece548e0321796315457e30z0x010e24bcb2d6a3dd3bfbe32e14d742b038571ec8a56e9a1c0126a2bd3c29d9d9z0x1508d82518e3d4283 51b92ae41ee908d00d251cede39b64cb83d7fbe048b21dbz0x1347fa7b1285742c16cbd0fd9b5df6c5c125b3706d32830d8ec4656b72064d5bz0x180c283076cbc1 2063f4582a43f713ee6e04bb9d916d207ddd0be2696cdca4fcz0x1dab845bdeccb66f4de39c24bdafa3eddd8265734259d98244faa962afef2709z0

Answer 1

您可以尝试 rn-qr-generator 模块 ( https://www.npmjs.com/package/rn-qr-generator )。您需要将 value 传递给 lib，它会返回生成的 QRCode 的 uri 和 base64 数据

import RNQRGenerator from 'rn-qr-generator';

componentDidMount() {
    RNQRGenerator.generate({
      value: 'otpauth://totp/Example:alice@google.com?secret=JBSWY3DPEHPK3PXP&issuer=Example', // required
      height: 300,
      width: 300,
      base64: false, // default 'false'
      backgroundColor: 'black', // default 'white'
      color: 'white', // default 'black'
    })
      .then(response => {
        const { uri, width, height, base64 } = response;
        this.setState({ imageUri: uri });
      })
      .catch(error => console.log('Cannot create QR code', error));
  }