当我滚动时,列表的滚动会发疯,即使我什么都不做,之后它也会一直抖动(正如你在这里看到的:https://i.stack.imgur.com/LNNL3.jpg(抱歉嵌入 gif 在这里不起作用(
我做了一个最小的例子,它发生在:
https://codesandbox.io/s/4r2q3omv1w
我确实将样式传递给了行。
此外,如果更改列表的高度和宽度以从自动调整器获取值,则列表不会显示,即使这看起来与示例中完全相同。
有什么想法可以解决这两个问题吗?
编辑:似乎它在Firefox中工作得更好一些,但在我自己的代码中仍然有点跳跃,而且代码沙箱的滚动仍然不完美。(它在Chrome中超级跳跃,即使在隐身中也是如此(。
似乎问题与两个问题有关:
-
不将
height
和width
从<AutoSizer>
委派给<List>
-
行高定义为
50
但实际渲染高度更多 -从文档中:请注意,行没有垂直溢出非常重要。这将使滚动列表变得困难(因为单个项目将拦截滚动事件(
下面是一个工作示例:https://codesandbox.io/s/jppm1mmo83