如何在EXPO中使用Firebase登录

Question

我正在按照Expo的文档上的说明进行操作，但是我不确定该去哪里。我使用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还是陌生的，感谢您的帮助。

Answer 1

您必须将所有这些代码添加到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.jsfirebase中初始化一次，然后在另一个屏幕中您可以导入该组件并对其进行处理。