Как я могу адаптировать ширину изображения, полученного по URL, к контейнеру просмотра в React Native? - PullRequest
Новая
       17

Как я могу адаптировать ширину изображения, полученного по URL, к контейнеру просмотра в React Native?

0 голосов
/ 16 марта 2020

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

Это expo, где я пытался это сделать.
https://snack.expo.io/Hk1rsfaHU

Как вы можете видеть, есть 3 столбца одинаковой ширины (flex 1), в первом есть изображение.

I wi sh этот Image содержался внутри View, адаптируя ширину к контейнеру и поддерживая правильное соотношение сторон.

Есть предложения?

1 Ответ

1 голос
/ 16 марта 2020

Вам необходимо изменить src на source в вашем <Image />: 

  <Image source={{uri: 'https://i2.wp.com/www.xpeppers.com/wp-content/uploads/2016/06/react-native-preview.png?resize=580%2C357'}} 
    resizeMode='contain' style={styles.image}
  />

Выход:

Output

Рабочая демоверсия:

https://snack.expo.io/SJdlzQTr8

...