React-window: Altura del elemento dinámico VariableSizeList

Creado en 26 mar. 2019  ·  4Comentarios  ·  Fuente: bvaughn/react-window

No estoy seguro de cómo implementar esto a partir del ejemplo que arregla la altura. ¿Cómo mido la altura del elemento del artículo? Tal vez extraño algo en este repositorio. Para su información, estoy implementando una lista de chat que tiene una altura dinámica.

Comentario más útil

Hola @bvaughn , perdón por escribir sobre un tema cerrado. Solo quisiera aclarar esto...
¿Significa esto que si no sé por adelantado la altura de los elementos de mi lista, no hay forma de que use VariableSizeList para representar los elementos de la lista que tienen contenido dinámico? Por ejemplo, si algunos de los elementos de mi lista tienen imágenes de varios tamaños, que no sé por adelantado, ¿no podré usar VariableSizeList para representar la lista en ventana/virtualizada?

Todos 4 comentarios

+1

Eso aún no es compatible (a menos que desee medir el contenido justo a tiempo, lo cual realmente no recomendaría).

Sin embargo, consulte el número 6 para conocer el estado del soporte.

Hola @bvaughn , perdón por escribir sobre un tema cerrado. Solo quisiera aclarar esto...
¿Significa esto que si no sé por adelantado la altura de los elementos de mi lista, no hay forma de que use VariableSizeList para representar los elementos de la lista que tienen contenido dinámico? Por ejemplo, si algunos de los elementos de mi lista tienen imágenes de varios tamaños, que no sé por adelantado, ¿no podré usar VariableSizeList para representar la lista en ventana/virtualizada?

Entonces, ¿no hay otros paquetes que puedan medir el contenido propuesto antes de renderizar?

Uno de mis casos de uso es virtualizar una ventana de mensajes. Conozco de antemano la fuente, el tamaño y el contenido del texto.

Si sé que la burbuja de mi mensaje tendrá un ancho de 500 px, ¿no hay forma de que calcule la altura de la burbuja a menos que la represente en el navegador?

La medición justo a tiempo anula el propósito de la virtualización...

Por cierto, ¡gracias por el increíble paquete! Lo estoy usando muy bien para los medios de comunicación.


EDITAR: Bueno, resulta que la representación justo a tiempo en realidad no es tan mala, especialmente para texto simple.

Este ejemplo funciona perfectamente: https://codesandbox.io/s/dynamic-size-of-react-window-list-items-64o9p

Según este comentario: https://github.com/bvaughn/react-window/issues/6#issuecomment -538261156

¿Fue útil esta página
0 / 5 - 0 calificaciones