How can I render two list with dynamic height items using DOM recycling libraries such as 'react-window' or 'react-vizualaized'

Question

I have a custom infinite scroll list of Unsplash images, each item has a dynamic height. I want to use two lists under one outerElementType to keep the shuffled layout, how can I achieve it using react-window or react-vizualaized libraries. I attached an example of what I want. I can't use VariableSizedGrid as it makes cells equal. Thanks!

score 0 · Accepted Answer · answered Jul 09 '20 at 10:16

0

I did not know, this layout is called Masonry layout which is supported by 'react-visualized' example

answered Jul 09 '20 at 10:16

Beso Kakulia

556
4
13

How can I render two list with dynamic height items using DOM recycling libraries such as 'react-window' or 'react-vizualaized'

1 Answers1