React Native Firebase:如何显示 Firestore 中的文本?

Posted

技术标签:

【中文标题】React Native Firebase:如何显示 Firestore 中的文本?【英文标题】:React Native Firebase: How can you display a text from Firestore? 【发布时间】:2021-07-26 20:26:22 【问题描述】:

我正在尝试使用 React native、Firebase 和 Expo 制作一个应用程序,该应用程序显示从 Firestore 加载的文本。

例如:我希望应用显示“helloworld”。所以我的 Firebase 后端看起来像这样:enter image description here

但我不知道如何将文本从 Firestore 加载到应用程序中以及如何显示它。

如果你能帮助我,那就太好了。

谢谢

【问题讨论】:

这是第三方。我已经使用它并且效果很好。由 react native 或 firebase 官方推荐(抱歉我忘了)。 rnfirebase.io 在rnfirebase.io/firestore/usage和firebase.google.com/docs/firestore/query-data/get-data之间,你应该可以开始了。如果您无法正常工作,请将您的问题编辑到show what you tried。 【参考方案1】:

首先添加库'react-native-firebase'

import firebase from 'react-native-firebase';

然后使用下面的函数从firestore获取数据

getDataFromFirebase()
firebase.firestore().collection('testcollections').doc(testdoc).get()
     .then((doc) => 
        if (doc.exists) 
          console.log("Document data: ", doc.data().testfield);
        else
          console.log("Document data is not empty: ");
        
      )
    .catch(error => 
      console.log('firebase Error::'+error)
     )

【讨论】:

以上是关于React Native Firebase:如何显示 Firestore 中的文本?的主要内容,如果未能解决你的问题,请参考以下文章

react-native如何删除firebase快照上的持久性

使用 React Native Firebase 时如何远程调试 JS

如何在调试模式下,在 react-native-firebase 中禁用 Crashlytics?

如何使用 react-native-firebase 在 iOS 设备的推送通知中添加按钮?

如何将 FCM(firebase 云消息传递)与 react-native 集成

Firebase 和 react-native 集成