Неактивная загрузка изображения с сокращенного URL не работает

Question

Я выполняю рендеринг компонента <Image> с URL-адресом удаленного сервера для изображения, как указано ниже,

<Image source={{ uri: 'bit.ly/2RkIi9w' }} style={{ width:100 , height:100}} />

Но он работает не так, как предполагалось.сокращенный исходный URL-адрес использует протокол https://.

Я попытался дать ему простой URL, и он работает отлично.но не с сокращенным URL.

<Image source={{ uri: 'https://d1w7fb2mkkr3kw.cloudfront.net/assets/images/book/lrg/9780/1363/9780136350385.jpg' }} style={{ width:100 , height:100}} />

почему это происходит?такое ошибка при перенаправлении URL-адреса?если есть какое-то решение, скажите мне.

Answer 1

Просто добавьте протокол https перед ссылкой:

<Image source={{ uri: 'https://bit.ly/<path>' }} style={{ width:100 , height:100}} />

Answer 2

Это просто, вам нужно только добавить протокол перед ссылкой, так как

<Image source={{ uri: 'https://'+your_link }} style={{ width:100 , height:100}} />

Решит вашу проблему.

Answer 3

Вы можете использовать это, чтобы расширить свой сокращенный URL.

https://www.npmjs.com/package/react-native-google-shortener

// first argument should shortened url
expand('https://goo.gl/').then(response => {
  console.log(response.id);
  console.log(response.longUrl);
});