Skip to content

dayitv89/react-native-quick-firebase

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

75 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-native-quick-firebase

Firebase simple integration with phone auth and analytics only.

Implementation in React Native project

Please add this entries as follow -

  • iOS ( In Podfile)
pod 'RNQuickFirebase', :path => PROJECT_PATH + 'react-native-quick-firebase/ios'
pod 'Firebase/Auth'
pod 'FirebaseAnalytics'
  • Android

android/settings.gradle

include ':react-native-quick-firebase'
project(':react-native-quick-firebase').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-quick-firebase/android')

android/app/build.gradle

dependencies {
    ...
    implementation project(':react-native-quick-firebase')
}

MainApplication.java

public class MainApplication extends Application implements ReactApplication {

    private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
        @Override
        protected List<ReactPackage> getPackages() {
            return Arrays.<ReactPackage>asList(
                    ...
                    new QuickFirebasePackage()
            );
        }
    };
}

Sample code

//
// Copyright © 2017-Present, Gaurav D. Sharma
// All rights reserved.
//
'use strict'

import React, { Component } from 'react'
import { AppRegistry, Text, TouchableOpacity, View } from 'react-native'
import RNQuickFirebase from 'react-native-quick-firebase'

class App extends Component {
  componentDidMount() {
    RNQuickFirebase.setAnalyticsEnabled(true)
  }

  onSendOTP = async () => {
    RNQuickFirebase.logEvent('otp_button_click', null)
    let params = null
    try {
      const phoneNumber = '+919876543210'
      await RNQuickFirebase.sendOTP(phoneNumber)
      console.warn('otp sent to: ' + phoneNumber)
      const sessionToken = await RNQuickFirebase.validateOTP('123456')
      console.warn('OTP validated successfully with sessionToken: ' + sessionToken)
      params = { otp_validate_event: 'otp_success' }
      RNQuickFirebase.logEvent('otp_send_validate', params)
      /// send this token to server to cross validate
      RNQuickFirebase.signOut()
      console.warn('User Logout from the Firebase')
    } catch (e) {
      console.warn(e)
      params = { ['otp_send_event']: 'otp_failed' }
      RNQuickFirebase.logEvent('otp_send_validate', null)
    }
  }

  render() {
    return (
      <View style={{ flex: 1, backgroundColor: 'white', justifyContent: 'center', alignItems: 'center' }}>
        <TouchableOpacity onPress={this.onSendOTP}>
          <Text>Check RNQuickFirebase App</Text>
        </TouchableOpacity>
      </View>
    )
  }
}

AppRegistry.registerComponent('firebaseDemo', () => App)

Voila! Happy Coding! 😍