/ReactNative-QR-Generator-Scanner

A simple ⚛️ React Native app to generate & scan QR code

Primary LanguageJavaScript

simplinnovation

React Native QR Code Scanner & Generator

A simple React Native mobile application to generate, share & scan Quick Response code (QR code). Supporting packages used in this project are React Navigation, React Native Elements, React Native Camera, react-native-qrcode-scanner, react-native-qrcode-svg and react-native-share, rn-fetch-blob.

  • Demo:

    Click the following picture to see the demo video:

    Video

  • Clone this repo & install dependencies:

    $ git clone https://github.com/LintangWisesa/ReactNative-QR-Generator-Scanner.git
    $ npm i
  • Start Metro bundler:

    $ npx react-native start
    
  • Start the application:

    $ npx react-native run-android
    

    or

    $ npx react-native run-ios
    
  • Preview

    Home Screen

    ./img/Home.jpg

    QR Generator Screen

    ./img/QRGenerator.jpg

    QR Scanner Scanner

    ./img/QRScanner.jpg

🍔 Lintang Wisesa


lintang ymail lintang facebook lintang twitter lintang youtube lintang linkedin lintang github lintang hackster lintang bio