如何使`List`的行数不同?

时间:2019-04-10 13:17:39

标签: reactjs react-virtualized

Grid不适合我,因为我需要WindowScroller并且它们不能一起工作。

我已经在dir的行中有3个节点 但我需要在file

的行中有6个节点

dirfile不能位于同一行,而必须为空白(签出屏幕截图)

我尝试使用nodesInRow标志切换3或6 isDir并跟踪实际的nodes,将其索引为每个实际放置节点行之后的增量,但是它没有无法工作,因为重新渲染不是从rowInd = 0

开始的 实际: https://imgbbb.com/images/2019/04/10/Screen-Shot-2019-04-10-at-5.57.30-PMa278117232cc829d.png

预期: https://imgbbb.com/images/2019/04/11/Screen-Shot-2019-04-11-at-1.19.57-PM.png

P.S。很抱歉直接使用img链接...这是因为“您需要至少10个信誉才能发布图像。”

1 个答案:

答案 0 :(得分:1)

这就是我希望它工作的方式

https://codesandbox.io/s/lpvn23vz7