反应虚拟化列表滚动发疯,自动尺寸器不起作用



当我滚动时,列表的滚动会发疯,即使我什么都不做,之后它也会一直抖动(正如你在这里看到的:https://i.stack.imgur.com/LNNL3.jpg(抱歉嵌入 gif 在这里不起作用(

我做了一个最小的例子,它发生在:

https://codesandbox.io/s/4r2q3omv1w

我确实将样式传递给了行。

此外,如果更改列表的高度和宽度以从自动调整器获取值,则列表不会显示,即使这看起来与示例中完全相同。

有什么想法可以解决这两个问题吗?

编辑:似乎它在Firefox中工作得更好一些,但在我自己的代码中仍然有点跳跃,而且代码沙箱的滚动仍然不完美。(它在Chrome中超级跳跃,即使在隐身中也是如此(。

似乎问题与两个问题有关:

  • 不将heightwidth<AutoSizer>委派给<List>

  • 行高定义为50但实际渲染高度更多 -

    从文档中:请注意,行没有垂直溢出非常重要。这将使滚动列表变得困难(因为单个项目将拦截滚动事件(

下面是一个工作示例:https://codesandbox.io/s/jppm1mmo83

最新更新