Unable to store multiple Files in a firebase storage directory using flutter.

[ShimronAlakkal]

I've been working on this app where you could select multiple images and upload it to a directory in firebase storage. After the upload, It's supposed to return the urls of the images uploaded.

The image url retrieval function

Future mediaUploadForStoreItem(
  {required BuildContext context,
  required List files,
  required String destination,
  required bool replace}) async {
List<String> urls = [];

if (replace) {
  mediaDeletionFromStorage(context: context, destination: destination);
}
for (File image in files) {
  try {
    // reference of the storage directory
    Reference ref = FirebaseStorage.instance
        .ref()
        .child(destination + image.path.split('/').last.toString());

    UploadTask task = ref.putFile(image);

    String url =
        await (await task.whenComplete(() {})).ref.getDownloadURL();

    urls.add(url);
  } catch (e) {
    CustomWidgets().snackBarWidget(
        content: Tools().firebaseErrorTextHandling(e.toString()),
        context: context);
  }

  return urls;
}

However, when the above function is called, only the first File provided in the files list is uploaded and the url of that file is returned but not the others. I've also tried doing it like this but there hasn't been any difference in the output.

Future mediaUploadForStoreItem(
  {required BuildContext context,
  required List files,
  required String destination,
  required bool replace}) async {
List<String> urls = [];

if (replace) {
  mediaDeletionFromStorage(context: context, destination: destination);
}
for (File image in files) {
  try {
    // reference of the storage directory
    Reference ref = FirebaseStorage.instance
        .ref()
        .child(destination + image.path.split('/').last.toString());

   await ref.putFile(image).whenComplete(() async {
        await ref.getDownloadURL().then(
          (value) {
            urls.add(value);
          },
        );
      },
    );
  } catch (e) {
    CustomWidgets().snackBarWidget(
        content: Tools().firebaseErrorTextHandling(e.toString()),
        context: context);
  }

  return urls;
}