React-window: 可扩展项目

创建于 2018-11-20  ·  8评论  ·  资料来源: bvaughn/react-window

我正在处理较小的列表,我们需要一个选项来扩展项目(并更改它的高度)。 似乎当前的 api 不支持。 resetAfterIndex导致重新渲染,但不会刷新实际项目的高度。 react-window目前支持这个选项吗?

👀 needs info

最有用的评论

我知道这暂时关闭了,但是动画扩展 div 呢。 不仅仅是具有 2 个硬编码值的东西。 我需要使用material-ui ExpansionPanel ,但是实现它给我留下了一个扩展但不会取代列表其余部分的面板。

所有8条评论

resetAfterIndex应该适用于您所描述的内容。 事实上,有针对 this 的单元测试

你能指点我一个显示什么对你不起作用的再现吗? 这是一个代码沙箱,您可以通过 fork 开始使用。

我在布赖恩的例子中添加了可扩展的项目,它的工作原理: https :
希望能帮助到你。

我现在要关闭这个。 如果提供重现步骤,将重新打开。 😄

我知道这暂时关闭了,但是动画扩展 div 呢。 不仅仅是具有 2 个硬编码值的东西。 我需要使用material-ui ExpansionPanel ,但是实现它给我留下了一个扩展但不会取代列表其余部分的面板。

谢谢你,它帮了我很多

@fonty422你有没有找到动画扩展 div 的解决方案?

@itayganor我最终使用了一个不同的包(react-virtuoso)并通过了提供预先剔除的项目列表的不那么痛苦(但仍然痛苦)的方法。 此外,material-ui 页面将其作为对大型列表的推荐(与 react-window 一起)进行了讨论。 演示页面会告诉你它是否对你的目的有好处。

@fonty422这太棒了。 很简单。 谢谢!

我实际上有一个问题,但我不想在这个讨论中发送垃圾邮件,所以我在那里创建它。

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

jazkh picture jazkh  ·  16评论

davidgarsan picture davidgarsan  ·  18评论

smuk3c picture smuk3c  ·  18评论

ryanmcclure4 picture ryanmcclure4  ·  15评论

bvaughn picture bvaughn  ·  41评论