Как сделать динамически изменяемые размеры фотографии?
Добрый вечер. Делаю приложение с помощью API Unsplash и React. Как реализовать загрузку изображении которые приходят с API так чтобы они заполняли пустое пространство и вставали рядом друг с другом?
Нужно сделать как на скрине. Спасибо!
Такая раскладка называется "Masonry Layout". Соотвественно самый простой способ - это использовать готовые плагины для react например этот: https://www.npmjs.com/package/react-masonry-component
Если нужно разработать "свой" механизм, то гугли по названию раскладки. P.S. Если не требуется соблюдать иерархию картинок, то можно использовать css свойство column-count пример реализации можно посмотреть здесь: https://w3bits.com/css-masonry/
Простой
