Skip to content

QuangNguyen1412/rn-air-monitor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

3c94f10 · Apr 30, 2020

History

57 Commits
Sep 13, 2019
Sep 13, 2019
Apr 25, 2020
Jan 8, 2020
Apr 25, 2020
Apr 25, 2020
Sep 13, 2019
Sep 13, 2019
Sep 13, 2019
Sep 13, 2019
Apr 29, 2020
Sep 13, 2019
Sep 13, 2019
Jan 3, 2020
Apr 30, 2020
Sep 13, 2019
Sep 13, 2019
Dec 20, 2019
Sep 13, 2019
Jan 31, 2020
Jan 31, 2020
Nov 21, 2019

Repository files navigation

Prerequisites: $ node --version v12.9.0

$ npm --version 6.10.2

Android Studio 3.4.2 Build #AI-183.6156.11.34.5692245, built on June 27, 2019 JRE: 1.8.0_152-release-1343-b01 amd64 JVM: OpenJDK 64-Bit Server VM by JetBrains s.r.o Windows 10 10.0

J D K H O M E = C : \Program F i l e s \Java \jdk 1.8 .0 2 21 {JAVA_HOME} = D:\Program Files\Android\Android Studio\jre\jre

Project set up

  1. Navigate to the root directory

  2. npm install && npm run postinstall

  3. The top-level build.gradle version value buildToolsVersion = "28.0.3" minSdkVersion = 21 compileSdkVersion = 28 targetSdkVersion = 28 supportLibVersion = "28.0.0" Google play service version: 49

  4. run for android "npm run android" or "react-native run-android" - npm script for the convenient of running from VSCODE

  5. Run on iOS

IDE used:

  • VSCode for react-native javascript
  • Android studio for android development and Android Virtual Device (AVD)

Notes for android:

Note for iOS

  • GoogleService-Info.plist. We need this file for Google service authentication to interact with firebase services. Please contact [email protected] or [email protected] for these files as well as permission to the project on Google Cloud Platform
  • This file should be placed under ./ios/
  • Without this file, you will not be able to build the iOS project.

References: Set up react native development https://facebook.github.io/react-native/docs/getting-started

Create a Firebase project and get google-service.json for Google-Application Authentication https://rnfirebase.io/docs/v5.x.x/installation/initial-setup#Creating-a-new-project

Install react-native-firebase module for project (search for @react-native-firebase in code to have more details) https://rnfirebase.io/docs/v5.x.x/getting-started

Install react navigation https://reactnavigation.org/docs/en/getting-started.html

Install react-native-camera https://github.com/react-native-community/react-native-camera/blob/master/docs/installation.md#requirements

iOS react-native-camera references zoontek/react-native-permissions#376 zoontek/react-native-permissions#348 (comment)

react-native-qr scanner https://github.com/moaazsidat/react-native-qrcode-scanner#readme

react-native-wifi-reborn https://github.com/JuanSeBestia/react-native-wifi-reborn

Android release npm run bundle-android cd android && ./gradlew assembleRelease