在反应虚拟化列表中使用可折叠面板
Using collapsible panels within react-virtualized List
我已经设法渲染了一个 react-virtulized List，我向其传递了一个 react-bootstrap Panels 数组。我已经测量了我的每一行，并且通过子回调，每次单击其中一个子面板时，父状态中的属性都会更新。所述属性在 react-virtualized List rowHeight() 函数内部使用 top 检查该面板当前是否展开。然后，对我的 List 使用 ref，我在 saidref.
上调用 recomputeRowHeights(index) 和 forceUpdateGrid() 方法
问题是，虽然 List 组件正确地更新了我的行的高度和位置，但动画并不流畅。我的意思是，bootstrap 展开动画效果很好，但展开行的高度变化会在单击事件后立即发生，然后动画开始，感觉有些不稳定。
我想知道是否有任何解决方法，或者这是否是 upcoming/planned/in react-virtualized 的作品功能。
提前致谢！！
不幸的是，我没有花太多时间在 react-virtualized 中处理或优化调整大小动画。听到你提到的 resize/reposition 有点不稳定，我并不感到惊讶。
这里有一个 quick-and-dirty 添加动画的示例：plnkr.co/edit/VanCAQmSkUejp3hbJUyJ?p=preview。并不意味着没有错误，只是一个例子。 :D
我已经设法渲染了一个 react-virtulized List，我向其传递了一个 react-bootstrap Panels 数组。我已经测量了我的每一行，并且通过子回调，每次单击其中一个子面板时，父状态中的属性都会更新。所述属性在 react-virtualized List rowHeight() 函数内部使用 top 检查该面板当前是否展开。然后，对我的 List 使用 ref，我在 saidref.
recomputeRowHeights(index) 和 forceUpdateGrid() 方法
问题是，虽然 List 组件正确地更新了我的行的高度和位置，但动画并不流畅。我的意思是，bootstrap 展开动画效果很好，但展开行的高度变化会在单击事件后立即发生，然后动画开始，感觉有些不稳定。
我想知道是否有任何解决方法，或者这是否是 upcoming/planned/in react-virtualized 的作品功能。
提前致谢！！
不幸的是，我没有花太多时间在 react-virtualized 中处理或优化调整大小动画。听到你提到的 resize/reposition 有点不稳定，我并不感到惊讶。
这里有一个 quick-and-dirty 添加动画的示例：plnkr.co/edit/VanCAQmSkUejp3hbJUyJ?p=preview。并不意味着没有错误，只是一个例子。 :D