Блог

Главная - Вопросы по программированию - Извлеките изображение, загруженное в хранилище firebase, и используйте этот URL-адрес в моем коде React native expo

Извлеките изображение, загруженное в хранилище firebase, и используйте этот URL-адрес в моем коде React native expo

# #javascript #firebase #react-native #expo #firebase-storage

Вопрос:

Я немного не понимаю, как загрузить изображение из хранилища firebase в свое приложение. У меня уже есть URL-адрес держателя места, который отлично работает с URL-адресом другого веб-сайта, который действует как обои для рабочего стола.

 <TouchableOpacity onPress={() => navigation.navigate(HGSQ)}>
          <SwiperC imageUri={{uri:'https://images.unsplash.com/photo-1473496169904-658ba7c44d8a?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8amp;ixlib=rb-1.2.1amp;auto=formatamp;fit=cropamp;w=2100amp;q=80'}} name='Hot Girl Summer'/>
          </TouchableOpacity>

Итак, теперь, чтобы сэкономить место в моем приложении, мне было интересно, как использовать URL-адрес из сохраненного изображения, которое я загрузил в firebase. Должен ли я использовать этот код?

 import storage from 'firebase/storage'; 
...
const imageURI = await storage().ref('myFolder/myFileName.jpg').getDownloadURL();
...

Я попытался сделать это, но он продолжал повторять ошибку «неожиданное резервное слово «ожидание»». Также просто упомянул, что я уже настроил конфигурацию для firebase в своем коде.

Ответ №1:

Вы не можете использовать await без функции

 const getImageURI = async () => await storage().ref('myFolder/myFileName.jpg').getDownloadURL();

Подробнее об асинхронности/ожидании вы можете узнать из MDN https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/Async_await

Комментарии:

1. Спасибо, чувак, я ценю это! Извините, что спрашиваю снова, но пришлось бы мне тогда переключать imageUri на getImageURI вместо этого? а также поменял бы я uri держателя места на местоположение изображения в моем хранилище firebase, которое оно мне дает, или ‘myFolder/myFileName.jpg». еще раз спасибо за вашу помощь я на самом деле студент-фармацевт, который учился кодированию в течение последних 6 месяцев, лол

2. вы должны использовать getImageURI и вызывать, потому что эта функция, например <Image source={{ uri: getImageURI() }} />

Метки: , ,