3

我已经设法渲染了一个react-virtulized List我传递给它的数组react-bootstrap Panels。我已经测量了我的每一行，并且通过子回调，每次单击其中一个子面板时，都会更新父状态中的属性。所述属性用于react-virtualized List rowHeight()函数顶部检查该面板当前是否展开。然后，使用refto my List，我调用 said 上的recomputeRowHeights(index)andforceUpdateGrid()方法ref。

问题是，虽然 List 组件正确更新了我的行的高度和位置，但动画并不流畅。我的意思是，引导展开动画效果很好，但是展开行的高度变化在点击事件之后立即发生，然后动画开始，感觉有点不稳定。

我想知道是否有任何解决方法，或者这是否是react-virtualized.

提前致谢！！

4

1 回答 1

2

不幸的是，我没有花太多时间处理或优化 react-virtualized 中的调整大小动画。在您提到的情况下，听到调整大小/重新定位有点不稳定，我并不感到惊讶。

这是添加动画的一种方法的简单示例：plnkr.co/edit/VanCAQmSkUejp3hbJUyJ?p=preview。不意味着没有错误，只是一个插图。:D

于 2017-01-25T18:46:24.180 回答