从 Firestore 调用 ReactNative FlatList 数据 - 无法做到

Question

我能够对从 randomuser.org 数据集中提取信息的 FlatList 进行硬编码。但是，我完全无法从我的 Firestore 数据库中提取任何数据——它只是在 Expo 中显示一个空白页面，而没有任何错误警告。我已经坚持了几天了，我搜索得越多，我似乎就越困惑！我是编码新手，所以如果这是一个非常基本的问题，我深表歉意。我只使用 App.js 文件中的 FlatList 使我的代码图片保持简单 - 但只要我尝试从 Firestore 返回数据，它就只是空白，无论我做什么。谢谢

Image 1

Image 2

Answer 1

首先，我从未见过有人尝试从 Firebase 控制台 UI 获取任何内容。如果您正在学习任何教程，请添加指向它的链接。

无论如何，如果我知道您想使用fetch 来获取数据。不确定这是否可行，请确保不使用 url http://firebase.google.com/project/project-name/firestore/data，因为这是指向 Firestore GUI 的链接，您将无法从中获得任何有用的信息。

如果您想从 Firestore 获取数据，您必须使用 Firebase API。 simplest read example 可以在文档中找到。因此，您必须使用您的数据库结构（意味着集合和文档）并创建对您想要提取的内容的引用。比使用get() 之类的方法。我建议熟悉整个 API reference。

最后，如果您想在 react 中使用它，您必须将 API 与您的应用程序集成。为此，有很多关于它的好文章。我认为this one 是不错的开始。

PS。请不要将屏幕截图粘贴到您的代码中。使用代码 sn-ps 帮助其他人重现问题并解决问题。有很好的tutorial 如何在 SO 上提问。