Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

84
Visualizações
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 Respostas
Responde à pergunta

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 Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda