Me las arreglé para renderizar una react-virtulized List a la que pasé una serie de react-bootstrap Panels . He medido cada una de mis filas y, a través de la devolución de llamada de los niños, cada vez que se hace clic en uno de los paneles secundarios, se actualiza un atributo en el estado principal. Dicho atributo se usa dentro de la parte superior de la función react-virtualized List rowHeight() virtualizada de reacción para verificar si ese panel está actualmente expandido. Luego, usando una ref a mi List , llamo a los métodos recomputeRowHeights( recomputeRowHeights(index) y forceUpdateGrid() en dicha ref .
La cuestión es que, si bien el componente Lista actualiza correctamente tanto la altura como la posición de mis filas, la animación no es fluida. Quiero decir, la animación de expansión de arranque funciona bien, pero el cambio en la altura de la fila expandida ocurre instantáneamente después del evento de clic, y luego comienza la animación, sintiéndose algo entrecortada.
Me preguntaba si hay alguna solución para esto, o si esta es una característica próxima/planeada/en proceso para react-virtualized .
¡¡Gracias de antemano!!
Desafortunadamente, no he pasado mucho tiempo trabajando u optimizando animaciones de cambio de tamaño dentro de react-virtualized. No me sorprende escuchar que el cambio de tamaño/reposición es un poco entrecortado en el caso que mencionas.
Aquí hay un ejemplo rápido y sucio de una forma en que puede agregar animación: plnkr.co/edit/VanCAQmSkUejp3hbJUyJ?p=preview. No pretende estar libre de errores, solo una ilustración. :D