ReactNative上でQRコードを表示する

参考ページ

• 下記のパッケージを利用すると簡単にQRコードを生成することができる github.com

インストール

yarn add react-native-svg react-native-qrcode-svg

コード

import QRCode from 'react-native-qrcode-svg';

// QRコードに表示するアイコンを指定する
let logoCatFile = require('../assets/cat.png');


<QRCode
      value={ `http://www.yahoo.co.jp/?${ uuid }` }
      logo={logoCatFile}
/>

実行結果

• QRコードを読み込むと画面に表示されているURLとパラメータの値を読み取ることが確認できた。