Installation
NOTE :\ Before launching the app, ensure you have correctly set up the ADMIN LARAVEL and have added all necessary data through the admin panel.
If React Native isn’t yet installed on your system, follow this link to get started: https://reactnative.dev/docs/set-up-your-environment
1. SDK Version :
To integrate Gocab into your project, you'll need to make the following adjustments :
React Native (v0.77.1)
You need React Native v0.77.1 (Stable Channel)
To install React Native, follow the instructions at the https://reactnative.dev/docs/set-up-your-environment (Windows, macOS, etc.) provided at the link below.https://reactnative.dev/docs/set-up-your-environment
2. React Native Installation :
Install React Native CLI :
Install React Native CLI globally :
npm install -g react-native-cliCreate a New React Native Project :
Create a new project :
npx react-native init YourProjectNameNavigate to the Project Folder :
cd YourProjectNameInstall Dependencies :
Install Android required libraries :
npm install. or npm install --legacy-peer-depsInstall iOS required libraries :
yarn installRun the Project :
To run the app on Android :
npx react-native run-androidTo run the app on Android in debug mode:
cd android ./gradlew assembleReleaseTo run the app on iOS (macOS only) :
npx react-native run-iosFor iOS, make sure to run:
cd ios && pod install
3. React Native Installation in Visual Studio:
Start Visual Studio and install the required dependencies, including Windows Desktop Development and C++ Desktop Development tools, for React Native development.
After completing the installation, ensure that you have Visual Studio configured for React Native development.
Verify Dependencies: Use the following command in your terminal to see if your React Native configuration is missing any dependencies :
4. React Native Installation in Android Studio :
Start Android Studio, then install the required apps, such as the Android SDK and Android Emulator.
After installation, you may run and debug your React Native application on an emulator or connected device using Android Studio.
Verify Dependencies: After setting up Android Studio, you can check for any missing dependencies by running the following command :
5. React Native Dependencies Setup (Node.js, NPM, and CLI):
Note: Use the instructions below to set up Node.js or other dependencies for React Native.
1. Windows Setup:
Open Command Prompt:
Press
Windows Key + R, type cmd, and press Enter.
Install Node.js (LTS) using Chocolatey
If Chocolatey is installed, run:
If Chocolatey is not installed, download and install Node.js LTS manually from the official Node.js website.
Verify Installation
Run the following commands to check the installed versions:
The command above will return the installed version of Node.js. For React Native, it is recommended to use Node.js 22x or Above for compatibility.
Install Node Version Manager (nvm) for Window
Download the nvm-setup.zip file from the official GitHub repository.
Run the
nvm-setup.exeto installnvmon your system.
Verify nvm Installation:
Run the following command to verify the nvm installation:
Add and Install a Specific Node.js Version using nvm:
To install a specific version of Node.js (e.g., Node.js 22.11.0), run the following command:
Replace
18.0.0with your desired version number.Once the installation is complete, use the following command to switch to the newly installed version:
Verify that the correct version of Node.js is active by running:
2. Linux Setup (Ubuntu/Debian-based distros)
Update Package List
Open a terminal and run:
Install Node.js and npm
Run the command :
Verify Installation
Check the installed versions
3. macOS Setup
Install Node.js and npm using Homebrew
Open Terminal and run :
Verify Installation
Check the installed versions :
Install React Native CLI & Setup a New Project
Create a New React Native Project (Without Expo)
Run the command :
This ensures you always use the latest React Native CLI.
Navigate to the Project Directory
Change into the newly created project folder :
Running the React Native App
For Android Run :
To run the app on Android in debug mode:
Important Notes
React Native CLI is built into
npx, so you don’t need to install it globally.Ensure
Java JDK & Android SDKare installed for Android development.
Last updated