Iot na Prática: com esp32+Firebase+React Native (Atual.2023)

Copie esse código e cole no lugar do código inicial de App.js

Não esqueça de colocar as suas configurações do firebase em const firebaseConfig ={}

import React, { Component } from 'react';

import { Text, View, StyleSheet, Image} from 'react-native';

import { Button } from 'react-native-paper';

import firebase from '@react-native-firebase/app'

import database from '@react-native-firebase/database';

const firebaseConfig = {

  apiKey: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",

  authDomain: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",

  databaseURL: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",

  projectId: "xxxxxxxxxxxxxxxxxxxxxxx",

  storageBucket: "xxxxxxxxxxxxxxxxxxxxxxxxxx",

  messagingSenderId: "xxxxxxxxxxxxxxxxxxxxxx",

  appId: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",

  measurementId: "xxxxxxxxxxxxxxxxxxxxxxxx"      

};

// Initialize Firebase

if(!firebase.apps.length){

  firebase.initializeApp(firebaseConfig);

  }

class App extends Component {

  state ={

    status: []

  }

  componentDidMount () {

    firebase

    .database()

    .ref('Led/')

    .child('Status')

    .on('value', (snapshot) => {

     const status = (snapshot.val());

     this.setState({status});

  });

  }

  ligarDesligarLed =() =>{

    var led = firebase.database().ref('Led');

    if(this.state.status == 0){

      led.child('Status').set(1);

    }else if (this.state.status == 1){

      led.child('Status').set(0);

    }

  }

 render() {

       return (

      <View> </View>

    );

  }

}

/*Copie esse código e cole no lugar do códgo inicial de App.js

Não esqueça de colocar as suas configurações do firebase em var firebaseConfig ={}

*/

import React, { Component } from 'react';

import { Text, View, Image, Button, StyleSheet} from 'react-native';

import firebase from "firebase";

var firebaseConfig = {

  apiKey: "suaApiKey",

  authDomain: "seubanco.firebaseapp.com",

  databaseURL: "https://seuendereco.firebaseio.com",

  projectId: "seu-8ddbf",

  storageBucket: "esp32-8ddbf.appspot.com",

  messagingSenderId: "000000000",

  appId: "seuappId",

  measurementId: "seumeasurementId"

};

// Initialize Firebase

if(!firebase.apps.length){

firebase.initializeApp(firebaseConfig);

}

class App extends Component {

  state ={

    status: []

  }

  componentDidMount () {

    firebase

    .database()

    .ref('Lampada/')

    .child('Status')

    .on('value', (snapshot) => {

     const status = (snapshot.val());

     this.setState({status});

  });

  }

  render() {

    return (

      <View>

      </View>

    );

  }

}

export default App;