探索未来科技：rn-qr-generator - 轻松构建和识别二维码的React Native库

import React from 'react';
import { View, Text, Button } from 'react-native';
import QRCodeScanner from 'react-native-qrcode-scanner';
import RNQRGenerator from 'rn-qr-generator';
 
export default class QRCodeScreen extends React.Component {
  generateQRCode = async () => {
    try {
      const qrCode = await RNQRGenerator.generate({
        text: 'Hello, World!',
        size: 200,
      });
      console.log('Generated QR Code:', qrCode);
    } catch (error) {
      console.error('Error generating QR Code:', error);
    }
  };
 
  render() {
    return (
      <View style={{ flex: 1 }}>
        <Button title="Generate QR Code" onPress={this.generateQRCode} />
        <QRCodeScanner
          reactivate
          onRead={data => console.log('Scanned QR Code:', data)}
          topContent={<Text>Scan QR Code</Text>}
        />
      </View>
    );
  }
}

这段代码展示了如何使用rn-qr-generator库生成二维码，并使用react-native-qrcode-scanner库扫描二维码。在QRCodeScreen组件中，我们定义了一个generateQRCode方法来生成一个二维码，并在按钮点击时调用它。我们还嵌入了QRCodeScanner组件，用于扫描二维码，并在扫描时打印结果。这个例子简单明了地展示了如何在React Native应用程序中集成和使用这两个库。