take some images stored manualy in firebase storage and use it in my react native app

Question

I'm trying to learn react native by doing some practical. The problem I have is that I'm not able to use the images I stored in Firebase storage. O just don't know how to do it, so I hope you can help me.

I tried this from the official documentation, but is not working and is saying that await can only be used in async function.

 import storage from '@react-native-firebase/storage';

  const url = await storage()
    .ref('images/profile-1.png')
    .getDownloadURL();

yes boss the error message was await can only be used in async fuction — AMA-GBODONON folly, Jan 16 '21 at 01:14

score 0 · Accepted Answer · answered Jan 16 '21 at 00:27

0

If you run this code in a context where you can't use await, you can always use then() to accomplish the same:

  storage()
    .ref('images/profile-1.png')
    .getDownloadURL().then((url) => {
      console.log(url);
    });

Just keep in mind that the url is only usable from inside the then callback or from code that you call from there. Trying to use url from elsewhere will result in it not existing, or not being initialized. To learn more about that, also see Why Does Firebase Lose Reference outside the once() Function?

answered Jan 16 '21 at 00:27

Frank van Puffelen

565,676
79
828
807

thanks you sir im going to try it and and i will let you know for the result – AMA-GBODONON folly Jan 16 '21 at 01:15
thank you very much Mr Frank van Puffelen it work for me perfectly – AMA-GBODONON folly Jan 16 '21 at 01:18
may god bless you – AMA-GBODONON folly Jan 16 '21 at 01:19
now the remaining problem if you please want to help me is how can i use this profile-1.png image in my code i tried not not able to take this image from Firebase storage – AMA-GBODONON folly Jan 16 '21 at 01:21

take some images stored manualy in firebase storage and use it in my react native app

1 Answers1