如何在React Native中全局导入某些内容?

时间:2019-05-31 04:29:35

标签: javascript react-native

我正在使用React Native和Firebase开发一个应用程序。因此,我创建了一个单独的js文件来存储config中的firebase database,然后在需要连接时将该config文件导入到我的screen文件中firebase database

因此,我必须将该config文件导入到每个需要与screen连接的firebase database文件中。

我想知道,是否可以导入config文件globally

我的意思是,我创建了一个单独的config文件,然后将import仅创建了一次到特定的js文件中(仅举一个例子,我们想想,import (仅一次进入App.js文件),然后在需要与screen连接时在我的firebase database文件中使用它。但是在这种情况下,是否可以使用该config文件而不将其导入每个screen文件中?

希望你会明白我想做什么。

1 个答案:

答案 0 :(得分:1)

是的,您只需将文件导入主屏幕/应用入口即可。

import app from 'firebase/app';
import 'firebase/auth';
import 'firebase/database';
import 'firebase/storage';


const config = {
  apiKey: "API_KEY",
  authDomain: "DOMAIN",
  databaseURL: "DB_URL",
  projectId: "PROJECT_ID",
  storageBucket: "BUCKET",
  messagingSenderId: "MSG_ID",
  appId: "APP_ID"
};
app.initializeApp(config);

module.Store = {

  Firebase() {
    return app;
  },
}


if (global) {
  global.Store = module.Store;
}

在主屏幕中

import './Global';

全局中的所有功能将在所有屏幕上可用。

Demo