对Firebase问题做出反应

时间:2020-05-12 16:55:28

标签: reactjs firebase react-native

这个相同的代码正在与react js一起工作,但不能与react native一起工作,我不明白这是什么问题?同样的代码也可以与react native expo一起使用,但不能与react native cli

import React,{useState} from 'react'
import { View, Text, TextInput, Button } from 'react-native'
import { FirebaseApp } from './src/Services/FirebaseConfig';

import * as firebase from 'firebase';
import '@firebase/firestore'



var firebaseConfig = {
  apiKey: "AIzaSyD7KpH12s63Pa_ibUFv0V_NU_JIDByRJtk",
  authDomain: "hrinstallmentscli.firebaseapp.com",
  databaseURL: "https://hrinstallmentscli.firebaseio.com",
  projectId: "hrinstallmentscli",
  storageBucket: "hrinstallmentscli.appspot.com",
  messagingSenderId: "587843211028",
  appId: "1:587843211028:web:e6a71a1592f7aaa42d7c01",
  measurementId: "G-XQW1WDCJ8C"
};
// Initialize Firebase
var FirebaseApp = firebase.initializeApp(firebaseConfig);
const App = () => {
const fetchBlogs = () => {
    console.log('clicked')
    FirebaseApp.firestore().collection("checking").add({
        firstName: 'check',
        lastName: 'check last'
    })
    .then(function() {
        console.log("Document successfully written!");
    })
    .catch(function(error) {
        console.error("Error writing document: ", error);
    });

  }
 return (
    <View>
      <Text>Checking!!!</Text>
      <View>
        <TextInput placeholder="first name" onChangeText={ (value) => _OnChangeFirstName(value)} />
      </View>
      <View>
        <TextInput placeholder="last name" onChangeText={(value) => _OnChangeLastName(value)} />
      </View>
      <View>
        <Button title="Submit" onPress={() => fetchBlogs()} />
      </View>
    </View>
  )


}

我已经在Web上对其进行了尝试并对其进行了响应本机,但它在任何地方都可以运行,但是在本机cli上却不起作用。

“依赖项”:{ “ firebase”:“ ^ 7.14.3”, “反应”:“ 16.11.0”, “ react-native”:“ 0.62.2”}

我不想使用react native firebase软件包,我觉得它已经过时了,要使用它,我必须降级react native版本等。

0 个答案:

没有答案