Category: React Native Tutorials


  • React Native – How To Run A React Native Application ?

  • React Native – How To Start The React Native Application ?

  • How To Check If The Dependency Is Installed Or Not?

    How To Check If The Dependency Is Installed Or Not? Table Of Contents: Add The Dependancy First. (1) Add Dependancy First Add dependency in path: androidappbuild.gradle dependencies { // The version of react-native is set by the React Native Gradle Plugin implementation("com.facebook.react:react-android") if (hermesEnabled.toBoolean()) { implementation("com.facebook.react:hermes-android") } else { implementation jscFlavor } // Add Firebase BoM (Bill of Materials) implementation platform('com.google.firebase:firebase-bom:33.9.0') // Add Firebase Analytics (or other Firebase services) implementation 'com.google.firebase:firebase-analytics' // If using Firebase Authentication (for OTP) implementation 'com.google.firebase:firebase-auth' // For Trucaller Authentication implementation "com.truecaller.android.sdk:truecaller-sdk:3.0.0" //implementation files('libs/truecaller-sdk-3.0.0.aar') } (2) Command To Check The Dependency Is Installed Or Not. cd

    Read More

  • Mobile Number Authentication Using Truecaller.

    Mobile Number Authentication Using Truecaller. Table Of Contents: Create A Truecaller Developer Account (1) Create A Truecaller Developer Account https://sdk-console-noneu.truecaller.com/sign-up (2) Create A New Project (3) Add Credentials You can find your package name from below location. Form your Android project. app/build.gradle You need to generate Debug signing certificate SHA-1: cd android ./gradlew signingReport Once you input your app details and create the app, you will be able to see a unique “ClientID” for your app which you need to include in your project to authorise all verification requests. (4) Application Setup Step-1: Ensure Minimum SDK Version (Mandatory if API

    Read More

  • How To Run App In Emulator & Physical Device At A Time?

    How To Run App In Emulator & Physical Device At A Time? Table Of Contents: Check Connected Devices. (1) Check Connected Devices adb devices (2) Run this command to list available emulators: emulator -list-avds (3) Start the emulator using the emulator name: emulator -avd <your_emulator_name>

    Read More

  • How To Install The Application On Physical Device?

    How To Install The Application On Physical Device? Table Of Contents: Build A Debug APK. Check For The Device Id. Install The App On Specific Device. Check if the App is Installed. Add Changes In AndroidManifest.xml File. (1) Build A Debug APK cd android ./gradlew assembleDebug The APK will be generated at: android/app/build/outputs/apk/debug/app-debug.apk (2) Check For The Device Id adb devices (3) Install The App On Specific Device. Now, install the APK on a specific device by using its device ID: adb -s P122C3000278 install androidappbuildoutputsapkdebugapp-debug.apk (4) Check if the App is Installed. adb -s P122C3000278 shell pm list packages

    Read More

  • How To Access Contacts In React Native?

    How To Access Contacts In React Native? Table Of Contents: Install Required Libraries. (1) Install Required Libraries Install the react-native-contacts library to access the contact details. npm install [email protected] (2) Add Required Permission For Android device add permission in AndroidManifest.xml File. androidappsrcmainAndroidManifest.xml <uses-permission android:name="android.permission.READ_CONTACTS" /> <uses-permission android:name="android.permission.WRITE_CONTACTS" /> For IOS: Add these keys to Info.plist: <key>NSContactsUsageDescription</key> <string>Allow access to your contacts to display them in the app.</string> (3) Implement This In Code import React, { useEffect, useState } from "react"; import { View, Text, FlatList, TouchableOpacity, StyleSheet, SafeAreaView, TextInput, PermissionsAndroid, Platform, Alert, NativeModules } from "react-native"; import Icon from "react-native-vector-icons/FontAwesome";

    Read More

  • How To Setup WebRTC For Audio & Video Calling?

    How To Setup WebRTC For Audio & Video Calling ? Table Of Contents: Install Required Libraries. Referred Websites https://webrtc.org/getting-started/overview (1) Install Required Libraries npm install react-native-webrtc – save (2) Add Required Permission On – AndroidManifest.xml Add these below permissions in in android/app/src/main/AndroidManifest.xml: <uses-feature android:name="android.hardware.camera" /> <uses-feature android:name="android.hardware.camera.autofocus" /> <uses-feature android:name="android.hardware.audio.output" /> <uses-feature android:name="android.hardware.microphone" /> <uses-permission android:name="android.permission.CAMERA" /> <uses-permission android:name="android.permission.RECORD_AUDIO" /> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> <uses-permission android:name="android.permission.CHANGE_NETWORK_STATE" /> <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" /> <uses-permission android:name="android.permission.INTERNET" /> <! – Bluetooth permissions for headsets – > <uses-permission android:name="android.permission.BLUETOOTH" android:maxSdkVersion="30" /> <uses-permission android:name="android.permission.BLUETOOTH_ADMIN" android:maxSdkVersion="30" /> <uses-permission android:name="android.permission.BLUETOOTH_CONNECT" /> <! – Screen-sharing on Android 14+ – > <uses-permission

    Read More

  • How To Setup Firestore For App Database ?

    How To Setup Firestore For App Database Table Of Contents: Login To Your Google Firebase Console. Step-1: Login To Your Google Firebase Console. Login To Your Google Firebase Console and clicks on the Create Database.  (2) Choose The Location Of Your Server  (3) Select production Mode  (4) Ready To Go Step-2: Create Collections For Firestore Step-3: Accessing Your Firestore Database. Install Required Libraries # Install & setup the app module npm install @react-native-firebase/app # Install the firestore module npm install @react-native-firebase/firestore check for other two libraries, npm install @react-native-firebase/app and    npm install @react-native-firebase/auth all should be of same version.

    Read More

  • How To Setup Firebase For Mobile Number Authentication?

    How To Setup Firebase For Mobile Number Authentication? Table Of Contents: How To Show The Effects Of Changes Made In App.tsx File? How To Increase The Text Size In VS Code? How To Add Comments In VS Code? How To Use Google Fonts In React Native? Step-1: Create & Configure Firebase Project Go To Firebase Console To Create A New Project: https://console.firebase.google.com/ (2) Click On Get Started With Firebase Project. (3) Enter Your Project Name. Step-2: Register Your App With Firebase (1) Click On The Android Icon For Android Project (2) Enter Your Package Name You can find your package

    Read More