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 设备的推送通知中添加按钮?