Адаптивные изображения в React Native Web? - PullRequest
Новая
       33

Адаптивные изображения в React Native Web?

1 голос
/ 10 апреля 2020

Мне нужно загрузить другое изображение в зависимости от размера экрана. В Интернете вы можете использовать элемент picture: 

<picture>
    <source srcset="big.jpg" media="(min-width: 800px)">
    <img src="small" />
</picture>

Обратите внимание, что это отличается от image с srcset. С srcset браузер решает, какое изображение загрузить. Мне нужно контролировать это, поскольку это совершенно другое изображение, а не просто другое разрешение. Более подробная информация здесь: https://dev.to/jessefulton/explain-htmls-img-srcset-vs-picture-tag-like-im-five-167p

Можно ли это сделать с помощью React Native Web? На репозитории github есть несколько разговоров, но я не думаю, что они делают именно то, что мне нужно:

https://github.com/necolas/react-native-web/pull/1456

https://github.com/necolas/react-native-web/pull/1408

Я нашел библиотеку, но она, кажется, оптимизирует одно изображение, не позволяя вам указать другие: https://github.com/ladas-larry/react-native-responsive-image

Может быть, я мог бы взломать разделение кода, тогда чтение ширины экрана, а затем загрузить изображение мне нужно?

...