¿Cómo se obtienen imágenes de Firestore en Flutter?

How do you get pictures from firestore in flutter?

Using Firebase Storage in Flutter

1. Get Started With Firebase Storage.
2. Add Firebase Storage To Flutter.
3. Adding Images to Flutter.
4. Implementing Multiple Select in GridView. Creating The GridView.
5. Adding Images to Firebase Storage.
6. Linking Firebase Storage With Firestore.
7. Retrieving Images From Firestore.
8. Using Image Picker Plugin.

Loading image from Firebase Storage in Flutter App (Android, iOS & Web)

1. Touch basing Firebase Project and configuration setup.
2. Touch basing availability of the two sample images in Storage using Firebase Console.
3. Fetching one of the image randomly from Firebase Storage.

Steps to Retrieve Image from Firebase in Realtime

1. Step 1: Create a New Project.
2. Step 2: Connect your app to firebase.
3. Step 3: Add dependency to build.gradle(Module:app)
4. Step 4: Add Internet permission in AndroidManifest.xml file.
5. Step 5: Add image on firebase storage and copy the link of that image.

ref() will give you a reference to Firebase Storage, child() will create a folder called images and inside of the folder we will have all the images, lastly putFile() will take the file as an argument and add it to Firebase Storage. We use await to wait until it adds the image to storage and then continue execution.

In Flutter, displaying an image can be done by using Image widget. Flutter provides a named constructor File. Image which can be used if the image source is from a file. Alternatively, you can also use FileImage .

We can pick Image from Gallery or Capture image from Camera and upload it into Firebase. Once an image is selected using ImagePicker, it will be displayed in the screen. Clicking on ‘Upload Image’ button on screen will upload the image to Firebase Storage.

First we add image from the assets folder to Firebase Storage. Then add the path of those images in Cloud Firestore. A Firebase integrated Flutter project . If not follow this link to add Firebase to your app: adding Firebase

Firebase provides us a variety of products Authentication, Realtime Database, Cloud Firestore, Cloud Storage, Cloud Functions, Firebase Hosting, ML Kit. Firebase is highly effective and easy to use. Firebase cloud firestore is a flexible and scalable database.

In order to do this, I came up with the following solution: for the item I want to display an image, I created a Firebase document, where I have a field that stores the name of the file that stores the corresponding picture: Then, I uploaded an image to FireStore with the same name.

Creating a sub-collection: orders is a collection that contains a document whose id is the userId that we can easily get through FirebaseAuth instance using currentUser. User user = FirebaseAuth.instance.currentUser;, inside this document, we will create another collection user_orders. user_orders is our sub-collection.