Breaking News: Grepper is joining You.com. Read the official announcement!

react native firebase

Add Answer

Xenophobic Xenomorph answered on April 17, 2020 Popularity 10/10 Helpfulness 2/10

answer react native firebase

related react native firebase

related firebase with react native

related react native firebase

react native firebase

Comment

apply plugin: 'com.android.application'
apply plugin: 'com.google.gms.google-services' // <- Add this line

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: rnfirebase.io

Tags: firebase javascript react-native

Link to this answer
Share Copy Link

Contributed on Jun 17 2021

Xenophobic Xenomorph

0 Answers Avg Quality 2/10

Closely Related Answers

react native firebase

Comment

// Using npm
npm install --save @react-native-firebase/app

# create your firebase android project and follow the steps for implementations. 
# check: https://rnfirebase.io/#generating-android-credentials

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: firebase firebas

Link to this answer
Share Copy Link

Contributed on Jul 21 2020

Volcano

0 Answers Avg Quality 2/10

firebase with react native

Comment

// you can refer to this article, and video.
// https://infotechwar.com/it-solutions/firebase-realtime-database-with-react-native-crud/

npm i firebase

make file firebaseConnection.ts
import {initializeApp} from 'firebase/app';
import {getDatabase} from 'firebase/database';

const firebaseConfig = {
  // from firebase console. 
  apiKey: '',
  authDomain: '',
  databaseURL: '',
  projectId: '',
  storageBucket: '',
  messagingSenderId: '',
  appId: '',
  measurementId: '',
};

const app = initializeApp(firebaseConfig);
export const db = getDatabase(app);

// in your application wherever you want to use it
import {ref, set} from 'firebase/database';
import {db} from '../../firebaseConnection';

CRUD operations: 
const handleChange = (key: string) => (value: string) => {
    setForm({
      ...form,
      [key]: value,
    });
  };

  const onReadPress = () => {
    const mainRef = ref(db, 'users/');
    onValue(mainRef, snapshot => {
      const data = snapshot.val();
      console.log('data:', data);
      Alert.alert('data:', JSON.stringify(data));
    });
  };

  const onInsertPress = () => {
    set(ref(db, `users/${form.phone}`), {
      fName: form.name,
      age: form.age,
    })
      .then(() => {
        Alert.alert('data Inserted to server successfully');
      })
      .catch(error => {
        Alert.alert('Something went Wrong!..', error);
      });
  };

  const onUpdatePress = () => {
    const mainRef = ref(db, 'users/');
    onValue(mainRef, snapshot => {
      const data = snapshot.val();
      console.log('data:', data);
    });

    update(ref(db, `users/${form.phone}`), {
      fName: form.name,
      age: form.age,
    })
      .then(() => {
        Alert.alert('data updated successfully in the firebase.');
      })
      .catch(error => {
        Alert.alert('something went wrong!...', error);
      });
  };

  const onDeletePress = () => {
    remove(ref(db, `users/${form.phone}`))
      .then(() => {
        Alert.alert('Data removed successfully');
      })
      .catch(error => {
        Alert.alert('Something went wrong!...', error);
      });
  };

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: firebase firebas

Link to this answer
Share Copy Link

Contributed on Mar 02 2023

Rakshit Lakhatariya

0 Answers Avg Quality 2/10

react native firebase

Comment

/* Answer to: "react native firebase" */

/*
  React Native Firebase is the officially recommended collection
  of packages that brings React Native support for all Firebase
  services on both Android and iOS apps.
*/

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: rnfirebase.io

Tags: firebase firebas

Link to this answer
Share Copy Link

Contributed on Apr 17 2020

TigerYT

0 Answers Avg Quality 2/10

react native firebase

Contents

More Related Answers

react native firebase

Closely Related Answers

react native firebase

firebase with react native

react native firebase

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.