https://github.com/lintangwisesa/reactnative-qr-generator-scanner

A simple ⚛️ React Native app to generate & scan QR code
https://github.com/lintangwisesa/reactnative-qr-generator-scanner

qrcode qrcode-generator qrcode-scanner react-native

Last synced: 15 days ago
JSON representation

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

Host: GitHub
URL: https://github.com/lintangwisesa/reactnative-qr-generator-scanner
Owner: LintangWisesa
Created: 2023-01-19T07:00:29.000Z (over 2 years ago)
Default Branch: master
Last Pushed: 2023-01-19T07:35:58.000Z (over 2 years ago)
Last Synced: 2025-04-04T10:37:31.791Z (about 1 month ago)
Topics: qrcode, qrcode-generator, qrcode-scanner, react-native
Language: JavaScript
Homepage:
Size: 1.28 MB
Stars: 7
Watchers: 2
Forks: 8
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

![simplinnovation](https://1.bp.blogspot.com/-wStk0VZDfMk/YCC0GIRPrDI/AAAAAAAAAGc/1yj7IOUedvoeO1CuCxq7ETLW0FqXni6mwCLcBGAsYHQ/s320/logotext.png)

# 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](https://img.youtube.com/vi/prL1tS3DxcI/0.jpg)](https://youtu.be/prL1tS3DxcI)

- __Clone this repo & install dependencies__:

```bash
$ 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](./img/Home.jpg)

QR Generator Screen

![./img/QRGenerator.jpg](./img/QRGenerator.jpg)