react-native-firebasephone-verification

React Native Android custom component for firebase phone authentication

Installation

npm install react-native-firebasephone-verification

step 0: Setup Firebase Project

Go to: https://console.firebase.google.com/u/0/ firebase console & create new android project

Go to project settings and add new Android app and fill in correct app details(package name)

Download google-services.json file and put inside app file of your project

step 1: In settings.gradle

include ':ReactNativePhoneVerification'
project(':ReactNativePhoneVerification').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-firebasephone-verification/android')

step 2: In android/app/build.gradle

dependencies {
compile project(':ReactNativePhoneVerification')
}

//Add this line at last 
apply plugin: 'com.google.gms.google-services'

step 3: In Project-level build.gradle (/build.gradle)

dependencies {
  // Add this line
  classpath 'com.google.gms:google-services:4.0.1'
}

step 4: In MainApplication.java

import com.reactnative.phoneverification.PhoneVerificationPackage;

@Override protected List getPackages() {
  return Arrays.asList(
    new MainReactPackage(),
    new PhoneVerificationPackage()
  );
}

step 5: In index.js

import PhoneVerification from 'react-native-firebasephone-verification';
 
// invoke this function to initiate phone verification
PhoneVerification.sendVerificationCode("+91","9004******");
 
 
// invoke this function to verify code
PhoneVerification.verify("123456");