import React, {useState, useEffect} from 'react';
import { StyleSheet, View, Button } from 'react-native';
import * as firebase from 'firebase';
import { getDatabase } from "firebase/database";
export default function App() {
const [DATA, setDATA] = useState(11);
const [switcher, setswitcher] = useState(false);
// данные
const firebaseConfig = {
apiKey: 'apiKey',
databaseURL: 'databaseURL',
projectId: 'projectId',
storageBucket: 'storageBucket',
appId: 'appId',
authDomain: 'authDomain',
messagingSenderId: 'messagingSenderId',
measurementId: 'measurementId',
};
// Инициализировать FireBase
if (!firebase.apps.length) {
firebase.initializeApp(firebaseConfig);
}else {
firebase.app(); // if already initialized, use that one
}
// получение данных из firebase
const get_data_DB = () => {
const database_my = firebase.database().ref('1').on('value', (snapshot) => {
const highscore = snapshot.val().field1;
console.log(highscore);
})
}
// установить новые данные в firebase
function updateDB(userID, fieldValue1, fieldValue2) {
console.log('285')
const db = firebase.database()
db.ref(userID).set({
field1: fieldValue1,
field2: fieldValue2,
});
}
return (
<View style={styles.container}>
<Button
onPress={() => {
setDATA((DATA) => DATA + 1);
updateDB(1, DATA, 200);
}}
title="установить новые данные в Firebase"
/>
<Button
onPress={() => {
get_data_DB();
}}
title="получить данные из firebase"
/>
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});