如何使用expo登录firebase

时间:2017-07-11 06:22:12

标签: firebase react-native firebase-authentication expo

我按照Expo's docs上的说明操作,不过我不知道到底发生了什么。我用npm安装了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相当新,所以感谢你的帮助。

1 个答案:

答案 0 :(得分:3)

您必须在 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组件并对其进行处理。< / p>