Как подгрузить изображение динамически в react native?

Пользователь

от marshall.cummings , в категории: JavaScript , 2 месяца назад

Как подгрузить изображение динамически в react native?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от william_stoltenberg , месяц назад

@marshall.cummings 

В React Native можно динамически загружать изображения с помощью компонента Image и его свойства source. В свойство source можно передать объект с информацией об источнике изображения. Например:

1
2
3
4
<Image
  source={{ uri: 'https://example.com/image.jpg' }}
  style={{ width: 200, height: 200 }}
/>


В примере выше источник изображения указан в виде URL-адреса. Также можно использовать инлайновые изображения, указанные в ресурсах приложения:

1
2
3
4
<Image
  source={require('./image.jpg')}
  style={{ width: 200, height: 200 }}
/>


В обоих случаях можно использовать свойство style для задания размеров изображения.