[FIXED] How to scan a qr code in React Native cli?

Issue

Is there anyone who has a tutorial or code how to read a qr code in React Native cli that actually works in the current React Native version? I tried so many tutorials and docs and nothing works. It would be nice if it works in tsx.

Solution

Use the react-native-qrcode-scanner package in React Native to scan QR codes. Here is an illustration of how you may employ it:

import QRCodeScanner from 'react-native-qrcode-scanner';

const MyQRCodeScanner = () => {
  const onSuccess = (e) => {
    console.log(e.data);
    // e.data contains the QR code data
  };

  return (
    <QRCodeScanner onRead={onSuccess} />
  );
};

Answered By - Catalin Stefan
Answer Checked By - - Pedro (ReactFix Volunteer)