react-virtualized:scrollToIndex不能与CellMeasurer一起使用

时间:2017-09-01 04:45:07

标签: reactjs react-virtualized

我在CellMeasurer上与scrollToIndexList一起出现问题。如果我将scrollToIndex设置为某个较大的值(可能是对应于尚未测量的行前面的行的任何索引),然后我向上滚动,滚动似乎会重置为它&#39原来的位置反复。最终它开始重置越来越高,直到最终我回到了列表的开头。

相关的Plunker - 它是一个包含300个元素的列表(所有相同的静态高度因此CellMeasurer不是必需的,但它说明了我的问题),我将scrollToIndex设置为150.尝试向上滚动。

https://plnkr.co/edit/XPF5D88WI9CErhkmrgAy?p=preview

可以理解的是,滚动可能不是很完美,因为计算是基于预测的高度而且它们并不总是正确的(至少在实践中 - 在这种情况下它们是正确的),但这似乎特别糟糕/无意。我怀疑(并希望)我在这里做错了什么 - 会感激任何想法。谢谢。

编辑:

在我的MBP上,Chrome和Firefox都会出现这种情况,但根据我使用的浏览器,它看起来略有不同。在Windows上,使用Chrome时,在向上滚动时会有一些奇怪的不同行闪烁,但它似乎至少不会重置为150。

修改

这里是gif of the issue occurring - 这是在Chrome 60.0.3112.113,Mac OS Sierra 10.12.6上:

1 个答案:

答案 0 :(得分:0)

似乎是一个错误,在此提交:https://github.com/bvaughn/react-virtualized/issues/803