Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

90
Views
Uso de paneles plegables dentro de la lista virtualizada de reacción

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!!

over 4 years ago · Santiago Trujillo
1 answers
Answer question

0

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

over 4 years ago · Santiago Trujillo Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!