從 Firestore 調用 ReactNative FlatList 數據 - 無法做到

Question

我能夠對從 randomuser.org 數據集中提取信息的 FlatList 進行硬編碼。 但是，我完全無法從我的 Firestore 數據庫中提取任何數據——它只是在 Expo 中顯示一個空白頁面，而沒有任何錯誤警告。 我已經堅持了幾天了，我搜索得越多，我似乎就越困惑。 我是編碼新手，所以如果這是一個非常基本的問題，我深表歉意。 我只使用 App,js 文件中的 FlatList 使我的代碼圖片保持簡單 - 但是一旦我嘗試從 Firestore 返回數據，它就只是空白。 不管我做什么。 謝謝

圖 1

圖 2

Answer 1

首先，我從未見過任何嘗試從 Firebase 控制台 UI 獲取任何內容的嘗試。 如果您正在學習任何教程，請添加指向它的鏈接。

無論如何，如果我知道您想使用fetch來獲取數據。 不確定這是否可行，確保不使用 url http://firebase.google.com/project/project-name/firestore/data因為這是指向 Firestore GUI 的鏈接，您將無法獲得任何有用的信息從此。

如果要從 Firestore 獲取數據，則必須使用Firebase API 。 最簡單的閱讀示例可以在文檔中找到。 因此，您必須使用您的數據庫結構（意味着 collections 和文檔）並創建對您想要提取的內容的引用。 比使用諸如get()之類的方法。 我建議熟悉整個 API參考。

最后，如果您想在反應中使用它，您必須將 API 與您的應用程序集成。 為此，有很多關於它的好文章。 我認為這是一個很好的開始。

PS。 請不要將屏幕截圖粘貼到您的代碼中。 使用代碼片段來幫助其他人重現問題並解決問題。 有很好的教程如何在 SO 上提問。