2017-07-11 14 views
4

我按照Expo's docs上的说明操作,但是我不确定发生了什么。我使用npm安装了firebase。然后下一步是复制我的Firebase设置信息,这是我从Firebase控制台执行的。如何使用firebase登录博览

import * as firebase from 'firebase'; 

// Initialize Firebase 
const firebaseConfig = { 
    apiKey: "<YOUR-API-KEY>", 
    authDomain: "<YOUR-AUTH-DOMAIN>", 
    databaseURL: "<YOUR-DATABASE-URL>", 
    storageBucket: "<YOUR-STORAGE-BUCKET>" 
}; 

firebase.initializeApp(firebaseConfig); 

但是代码的这种安宁在哪里呢?在根导航或路由器?然后我如何在我的应用程序的其他部分引用它。你可以说,我对Expo和React-Native相当陌生,所以你的帮助是值得赞赏的。

回答

2

您必须将所有这些代码添加到main.js文件componentDidMount()方法中。使用下面的代码作为参考。

class App extends React.Component { 
    componentDidMount() { 
    const config = { 
     apiKey: "<YOUR-API-KEY>", 
     authDomain: "<YOUR-AUTH-DOMAIN>", 
     databaseURL: "<YOUR-DATABASE-URL>", 
     projectId: "<YOUR-PROJECT-ID>", 
     storageBucket: "<YOUR-STORAGE-BUCKET>, 
     messagingSenderId: "<YOUR-MESSAGING-SENDER-ID>" 
    }; 
    firebase.initializeApp(config); 
    } 

    render() { 
    return (
     <View > 

     </View> 
    ); 
    } 
} 

你必须在你的main.js那是你的根文件为您的项目,并在其他屏幕中,您可以导入firebase成分,它的工作一次初始化这一点。

+0

谢谢。如此愚蠢的是,网络上有这么多的教程,假设初学者知道在哪里放置代码片段 –