Firebase有时连接,有时不连接(React Native)
Firebase sometimes connecting, sometimes not connecting (React Native)
我有一个非常困惑的问题。我一直在使用Firebase与React Native,这一直工作得很好,但最近有时当我启动应用程序它连接,有时当我这样做它不..
我认为这可能与我连接数据库的方式有关。我在一个简单的javascript文件中这样做,然后当我想引用数据库时,我在整个应用程序的不同视图上调用。我真的不确定如何在不不断重新初始化的情况下做到这一点,所以我想我可以做一次,并将其存储在一个变量中。
下面是我用来初始化的代码。没有什么特别的…就是说要使用的(显然为了这篇文章的缘故删除了密钥文件的东西):
console.log("Global Variable File!")
console.log("This is also where all of our intialization stuff is")
//Connection Stuff
const firebase = require("firebase");
const firebaseConfig = {
apiKey: "",
authDomain: "",
databaseURL: "",
storageBucket: "",
};
const firebaseObject = firebase.initializeApp(firebaseConfig);
console.log("===Firebase Intialized===");
//TODO - Remove me
firebaseObject.database().ref().child('testConnect').push({ title: "Summer2016" });
module.exports = {
firebaseObject
}
我推送一个对象只是为了验证我的连接,有时它会被添加到数据库中。有时它不会。我还在整个应用程序中引用数据库。有时工作,有时不
我怀疑这是与react native或我试图在多个文件中使用相同对象的方式有关。但我真的不知道该怎么做。
谢谢你的帮助!
我遇到了同样的问题,似乎配置不应该在模块级别处理,而是一旦应用程序准备好就执行。您可以在稍后手动触发的方法中设置配置。因为记住调用这个方法可能会很繁琐,所以我为database
ref提供了一个小包装,以便在第一次调用firebase.database()
构造函数时自动初始化应用程序:
database.js
import * as Firebase from 'firebase'
let HAS_INITIALIZED = false
const initFirebase = () => {
if (!HAS_INITIALIZED) {
const config = {
apiKey: "**************",
authDomain: "************",
databaseURL: "*********",
storageBucket: "*********",
}
Firebase.database.enableLogging(true)
Firebase.initializeApp(config)
HAS_INITIALIZED = true
}
}
export const getDatabase = () => {
initFirebase()
return Firebase.database()
}
在 whatever-file-you-want.js
import { getDatabase } from './database'
getDatabase().ref('...') // etc.
相关文章:
- React Native通过Navigator将用户输入数据传递到选项卡栏IOS中的组件
- 使用Jest测试React Native应用程序
- 是否存在React Native“;WEB代码安全防护”;
- React Native Listview留有余地
- 如何在React Native中绘制图形
- 在iOS和Android上使用React native时,我还能使用本机第三方lirbraries吗
- 使用createContainer将Meteor数据获取到React Native中时出现问题
- React Native当前是否支持访问用户'的通讯簿
- React Native-What'It’在任何地方都要留下逗号
- React Native DeviceEventEmitter键盘WillShow停止工作
- 与React Native的Chart.js等效
- 如何使用webview在React Native中使用Highcharts
- 如何在React Native的MapView中设置标记
- React Native NavigatorIOS
- 如何获得React Native TextInput以在提交后保持焦点
- 使用react native检测应用程序终止
- 可以在React Native中制作一个自哈希应用程序
- React Native AlertOS api中可能有多个文本字段
- react native中常见的js模块
- 在React Native+Redux中使用Navigator