如何在 React-native 中访问已经初始化的 firebase 应用程序？答案

【问题标题】：How to access an already initialized firebase app in React-native?如何在 React-native 中访问已经初始化的 firebase 应用程序？
【发布时间】：2016-08-05 11:21:37
【问题描述】：

这可能是一个非常新手的问题，但我被困在这里。我是 React-native 的初学者，目前正在使用带有 react 的 firebase 实时数据库。我已经在一个屏幕中初始化了我的 firebase 应用程序（login.js）。由于我使用的是 firebase 3.X，因此我无法在另一个屏幕中再次重新初始化该应用程序。如何将已初始化的应用程序访问到另一个屏幕（register.js）？

【问题讨论】：

您找到解决方案了吗？我也在努力寻找一个好的解决方案。
是的，我做了@berkayk。只需创建另一个组件并在其中初始化您的 firebase 应用程序。假设初始化文件位于 ../Config/FirebaseConfig.js import firebase from 'firebase' var config = { apiKey: "apiKey", authDomain: "projectId.firebaseapp.com", databaseURL: "https://databaseName.firebaseio.com", }; var app = firebase.initializeApp(config); export default app ，然后将其导入到您的文件中，您可以重复使用它。 ` 从 '../Config/FirebaseConfig.js' 导入 firebase `
拜托，你能添加完整的例子吗？

标签： reactjs firebase react-native

【解决方案1】：

这是导出 Firebase 配置的方式

确保您已通过 npm install firebase --save 将 firebase 添加到您的项目中

然后在 ./Config/FirebaseConfig.js 处创建一个配置文件

在您的文件中添加以下代码。

import Fb from 'firebase';

const config = {
  apiKey: 'apiKey',
  authDomain: 'projectId.firebaseapp.com',
  databaseURL: 'https://databaseName.firebaseio.com',
};

const Firebase = Fb.initializeApp(config);

export default Firebase;

在此之后，您可以通过 import Firebase from 'Firebase'; 在您的任何组件中导入 firebase

【讨论】：