Lab Detail


Sno Back Back Subject subject date title note
1 1 Back to subject Mobile Application Development Lab - 20A05706 (Lab) July 22, 2025 React Native Side

 React Native Side

St01:

1st install Nodejs Software from Website https://nodejs.org/en/download

after Install on OS 

check

PATH = C:\Program Files\nodejs

St02:

Install React Native npm Package 

open cmd

Check node js is installed or not check this command 

C:\Users\giri>node
Welcome to Node.js v18.17.1.
Type ".help" for more information.

Install Packages 

📌 1. Install Prerequisites

✅ Node.js

Install from: https://nodejs.org
Verify:

bash

CopyEdit

node -v npm -v

✅ Android Studio

Install from: https://developer.android.com/studio

During install, check:

  • ✅ Android SDK

  • ✅ Android SDK Platform

  • ✅ Android Virtual Device (AVD)

Then set environment variables:

bash

CopyEdit

setx ANDROID_HOME "C:\Users\<YourUser>\AppData\Local\Android\Sdk" setx PATH "%PATH%;%ANDROID_HOME%\platform-tools"

Restart terminal.


📦 2. Install React Native CLI

bash

CopyEdit

npm install -g react-native-cli


🧱 3. Create New React Native Project

bash

CopyEdit

npx react-native init MyApp cd MyApp


🚀 4. Run the App

Start Metro bundler:

bash

CopyEdit

npx react-native start or

npm start (same way like normal react app)

In a new terminal, run:

bash

CopyEdit

npx react-native run-android

Make sure your Android emulator is running (AVD Manager in Android Studio)
or you’ve connected a real device with USB debugging enabled

 

Same Way Android Studio  Way02

Hardware requirement : min 8GB Ram and max 8GB<

Install Java  after add Path on system var

PATH = C:\Program Files (x86)\Java\jdk1.7.0_25\bin

JAVA_HOME = C:\Program Files (x86)\Java\jdk1.7.0_25

Android Studio

Install Android Studio 

After 

ANDROID_HOME = C:\Users\giri\AppData\Local\Android\sdk

PATH = %ANDROID_HOME%\platform-tools ; %ANDROID_HOME%\emulator ; %ANDROID_HOME%\tools;%ANDROID_HOME%\tools\bin;%ANDROID_HOME%\cmdline-tools\latest\bin

 

14-08-2025

Download Java 17 Version 

https://www.oracle.com/java/technologies/javase/jdk17-archive-downloads.html

https://download.oracle.com/java/17/archive/jdk-17.0.12_windows-x64_bin.exe

 

system Varibles

path = C:\Program Files\Java\jdk-17\bin

%ANDROID_HOME%\tools

%ANDROID_HOME%\platform-tools

%ANDROID_HOME%\emulator

%ANDROID_HOME%\tools\bin

%ANDROID_HOME%\cmdline-tools\latest\bin

C:\Program Files\nodejs\

JAVA_HOME

C:\Program Files\Java\jdk-17

nodejs

C:\Program Files\nodejs

ANDROID_HOME

C:\Users\AECN\AppData\Local\Android\Sdk

 

Go to Install Path

 

path location add cmd go to path of project

run react native on android emulator 

See result on  Emulator 

 

References Many Sources & Add Plugin Your Projects 

 

 

✅ Step-by-Step to Build an APK


1. Navigate to the Android folder in your project:

 

cd android


2. Build the APK (Release mode)

 

./gradlew assembleRelease

On Windows, use:

 

gradlew.bat assembleRelease


⏳ This will take a couple of minutes.

If successful, you'll see something like:

 

BUILD SUCCESSFUL in 1m 20s


3. Find the APK Output

The generated APK will be located here:

 

<your_project>/android/app/build/outputs/apk/release/app-release.apk

Example:

 

E:\android\reactnative\app\MyApp\android\app\build\outputs\apk\release\app-release.apk

path of location 

E:\android\reactnative\app\MyApp\android\app\build\outputs\apk\release

 

You can copy that file to your phone or share it for testing.