Community Member

-> Get the download URL of the image from Firebase Storage and you can store that URL in Firebase Firestore and you can fetch that image from Firestore database and store that data in FF table.

-> You can upload image on Firestore and get URL as below:

Future<String> uploadImageToFirebase(File imageFile) async {

try {

String fileName = Path.basename(imageFile.path);

Reference firebaseStorageRef = FirebaseStorage.instance.ref().child('images/$fileName');

UploadTask uploadTask = firebaseStorageRef.putFile(imageFile);

TaskSnapshot taskSnapshot = await uploadTask.whenComplete(() => null);

String downloadUrl = await taskSnapshot.ref.getDownloadURL();

return downloadUrl;

} catch (e) {

print(e.toString());

return null;

}

-> Store that image in FireStore as below:

void storeImageUrlInFirestore(String imageUrl) {

FirebaseFirestore.instance.collection('images').add({

'url': imageUrl,

}).then((value) {

print(\"Image URL added to Firestore\");

}).catchError((error) {

print(\"Failed to add image URL: $error\");

});

}

-> Get Image from Firestore and Display on Image Widget.

Future<String> getImageUrlFromFirestore() async {

try {

DocumentSnapshot documentSnapshot = await FirebaseFirestore.instance.collection('images').doc('your_document_id').get();

if (documentSnapshot.exists) {

return documentSnapshot.data()['url'];

} else {

print('Document does not exist');

return null;

}

} catch (e) {

print(e.toString());

return null;

}

-> String imageUrl = snapshot.data; Show this in Image Widget.

Firebase Storage Image on Flutter