Возможность загрузки Google размещает изображения в компоненте Image-native?
Я пытаюсь найти способ загрузить ссылку на изображение, которое я получаю из API-интерфейса мест в API-интерфейс для фотографий мест с помощью компонента Image ofact-native, как показано ниже,
const imageLink = 'https://maps.googleapis.com/maps/api/place/photo?maxwidth=400&photoreference=CmRaAAAAuZ36wzrMYCVNWM1smQkRKuQyXecPgRpcsMfrSqbJM0EUTXZ62j8Ljxtk8HsxohXbtAwZAwmj_F3HmDwLoQaH9qt2TZJhhA6EuXK41UFo0Ow750MJujtrr5hgHR2lF7EXEhCkWj_dZ4LefrYzLU1_5RF1GhTR7Ggem5IJ-v7V2U8fjKoU9tBUOg&key=--MyKey--'
return (
<View >
<TouchableHighlight >
<View>
<Image
style={{width:64, height:64,flex:1,backgroundColor:'red'}}
source={{uri: imageLink}}
/>
</View>
</TouchableHighlight>
</View>
);
Я получаю только пустой заполнитель с вышеуказанным кодом. Тем не менее, я могу загрузить эту ссылку в браузере. Одна оговорка в том, что Google размещает ссылку на фотографию, которая перенаправляет на другой URL, который затем отображает изображение в браузере. Я делаю это правильно? или есть ли другой способ, которым я могу сделать то же самое. Примечание: я также попробовал библиотеку response-native-network-image.
1 ответ
Вы можете взглянуть на функцию ImagePrefetch в модуле googleplace: https://github.com/srirangan/googleplaces.js/blob/master/test/ImageFetchTest.js
Тем не менее, у меня возникли проблемы со всем модулем на данный момент из-за линии var https = require("https");
вызывается в этой конкретной функции. Не уверен, что это проблема с новой версией RN (недавно обновленной до 0.55) или просто какая-то другая ошибка в моей новой установке.
Это отлично работало в предыдущем RN (был запущен на 0,48)