2017-07-11 43 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

謝謝。如此愚蠢的是,網絡上有這麼多的教程,假設初學者知道在哪裏放置代碼片段 –