ماهو نمط مسحة Qr code وكيف أستعمله في تطبيق React Native

إن الرمز السريع يقوم بقراءة سلسلة نصية من الصورة، أي يمكنك تخزينه على شكل نص text وتتعامل معه ك string وعندما تريد عرضه تقوم بتوليد صورة QR code للنص الذي تريد عرضه. والعكس صحيح، تقرأ الرمز ثم تقوم بفك الشيفرة الخاصة به وتحولها إلى نص.

يمكنك إضافة أي مكتبة لتطبيقك، مثلاً react-native-qrcode-scanner 

تضمين ريأكت
import React, { Component } from 'react';

تضمين المكونات المطلوبة 
import {
  AppRegistry,
  StyleSheet,
  Text,
  TouchableOpacity,
  Linking
} from 'react-native';

// تضمين القارئ
import QRCodeScanner from 'react-native-qrcode-scanner';
// الكاميرا
import { RNCamera } from 'react-native-camera';

// صنف مسح الكود
class ScanScreen extends Component {
// عند النجاح في التقاط الرمز
  onSuccess = e => {
	console.log(e.data);                       // طباعة البيانات
//    Linking.openURL(e.data).catch(err =>
//    console.error('An error occured', err)
    );
  };

  render() {
    return (
      <QRCodeScanner
        onRead={this.onSuccess}
        flashMode={RNCamera.Constants.FlashMode.torch}
        topContent={
          <Text style={styles.centerText}>
            Go to{' '}
            <Text style={styles.textBold}>wikipedia.org/wiki/QR_code</Text> on
            your computer and scan the QR code.
          </Text>
        }
        bottomContent={
          <TouchableOpacity style={styles.buttonTouchable}>
            <Text style={styles.buttonText}>OK. Got it!</Text>
          </TouchableOpacity>
        }
      />
    );
  }
}

تقوم بإسناد دالة لمستمع الأحداث onRead حيث يمرر حدث e مثلاً فيه الخاصية data تحمل النص المنقول عبر الرمز

وإن كان لديك عدة خواص أفضل تشكيلهم على هيئة JSON بعد عمل Stringify له ليصبح نص