React Native Firebase：如何显示 Firestore 中的文本？

Posted 2023-02-19

【中文标题】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)
     )