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

Question

I am able to hardcode a FlatList that pulls information from a randomuser.org dataset. However, I'm totally unable to pull any data from my Firestore database - it just displays a blank page in Expo without any error warnings. I've been stuck on this for a few days and the more I search around the more confused I seem to be. I'm new to coding so I apologise if this is a really basic question. I've kept the picture of my code simple with just the FlatList in the App,js file - but as soon as I try to return data from Firestore it is just blank. no matter what I seem to do. Thank you

Image 1

Image 2

Answer 1

First of all I never seen any tries to fetch anything from Firebase Console UI. If you are following any tutorial please add the link to it.

Anyway, if I understand that you want to use fetch to get data. Not sure if this is possible with it, for sure not using url http://firebase.google.com/project/project-name/firestore/data as this is link to Firestore GUI and you will not be able to get anything useful from that.

If you want to get data from Firestore you have to use Firebase API . Thesimplest read example can be found in the documentation. So you have to use your database structure (means collections and documents) and create reference to what you want to pull. Than use some method like get() . I suggest to get familiar with whole API reference .

Finally if you want to use it in react you have to integrate the API with your app. For this there is tones of nice articles about it. I think this one is nice to start with.

PS. Please do not paste screenshots with your code. Use code snippets to help others reproduce the issue and play with it. There is nice tutorial how to ask question on SO.