Firebase 没有在 React Native 上工作答案

【问题标题】：Firebase isn't working on react nativeFirebase 没有在 React Native 上工作
【发布时间】：2016-06-13 14:34:05
【问题描述】：

我正在尝试将 firebase 集成到 react native 中。但是我遇到了 Firebase 的小问题。这是我的代码。我也附上了截图。我正在使用 react native 0.27。

请帮忙。谢谢

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  TouchableHighlight,
  TextInput,
  ListView
} from 'react-native';

import Firebase from 'firebase';

class devdacticFirebase extends Component {
  constructor(props) {
    super(props);
    var itemsRef = new Firebase('https://<myid>.firebaseio.com/items');

    this.state = {
      newTodo: '',
      dataSource: new ListView.DataSource({rowHasChanged: (row1, row2) => row1 !== row2})
    };
  }
  render(){
    return(
      <View />
    );
  }
}


AppRegistry.registerComponent('devdacticFirebase', () => devdacticFirebase);

【问题讨论】：

我正在使用npm install firebase --save
如果我没记错的话，Firebase 3.x 版不支持 React native
是的，如果它是正确的。真的很糟糕

标签： firebase react-native

【解决方案1】：

该消息告诉您 Firebase 不是构造函数，因此您不能在其上使用 new。官方文档展示了如何初始化您的应用：

var firebase = require('firebase');

var app = firebase.initializeApp({
  apiKey: '<your-api-key>',
  authDomain: '<your-auth-domain>',
  databaseURL: '<your-database-url>',
  storageBucket: '<your-storage-bucket>'
});

【讨论】：

感谢您的帮助。但我只是像这样firebase.googleblog.com/2016/01/…的教程那样做。但是让我试试你的建议
显然 firebase 3 仍然不适用于 react-native。我认为 2.4.2 曾经可以工作，您现在可以使用该版本。然后你必须像在你的问题中那样使用它作为构造函数
是的，它是正确的。我确实重新安装了 2.4.2 版，它的作品。谢谢亲
如果有人需要更多指导 here is a tutorial 用于 Firebase 电子邮件/密码身份验证，以及我放在一起的 react native for android（同样的方法可以应用于 iOS）。

【解决方案2】：

他们更改了在 JS 中初始化 firebase 项目的文档，以便它可以在 react native 中工作。

保持其余代码相同，将构造函数替换为：

var itemsRef = {
apiKey: '<your-api-key>',
authDomain: '<your-auth-domain>',
databaseURL: '<your-database-url>',
storageBucket: '<your-storage-bucket>'
};

Firebase.initializeApp(itemsRef);

【讨论】：

【解决方案3】：

尝试：

expo install firebase

而不是纱线添加火力基地

【讨论】：