React-window: Hauteur de l'élément dynamique VariableSizeList

Créé le 26 mars 2019  ·  4Commentaires  ·  Source: bvaughn/react-window

Je ne sais pas comment implémenter cela à partir de l'exemple où vous fixez la hauteur. Comment mesurer la hauteur de l'élément item ? Peut-être que je manque quelque chose dans ce repo. Pour votre information, j'implémente une liste de discussion qui a une hauteur dynamique.

Commentaire le plus utile

Bonjour @bvaughn , désolé d'avoir écrit sur un problème clos. Je voudrais juste clarifier ceci...
Cela signifie-t-il que si je ne connais pas à l'avance la hauteur de mes éléments de liste, il n'y a aucun moyen pour moi d'utiliser VariableSizeList pour afficher les éléments de liste qui ont un contenu dynamique ? Par exemple, si certains de mes éléments de liste contiennent des images de différentes tailles, ce que je ne connais pas à l'avance, je ne pourrai pas utiliser VariableSizeList pour afficher une liste fenêtrée/virtualisée ?

Tous les 4 commentaires

+1

Ce n'est pas encore pris en charge (à moins que vous ne souhaitiez mesurer le contenu juste à temps, ce que je ne recommanderais pas vraiment).

Consultez le numéro 6 pour connaître l'état du support.

Bonjour @bvaughn , désolé d'avoir écrit sur un problème clos. Je voudrais juste clarifier ceci...
Cela signifie-t-il que si je ne connais pas à l'avance la hauteur de mes éléments de liste, il n'y a aucun moyen pour moi d'utiliser VariableSizeList pour afficher les éléments de liste qui ont un contenu dynamique ? Par exemple, si certains de mes éléments de liste contiennent des images de différentes tailles, ce que je ne connais pas à l'avance, je ne pourrai pas utiliser VariableSizeList pour afficher une liste fenêtrée/virtualisée ?

Il n'y a donc pas d'autres packages capables de mesurer le contenu proposé avant le rendu ?

Un de mes cas d'utilisation est de virtualiser une fenêtre de messages. À l'avance, je connais la police, la taille et le contenu du texte.

Si je sais que ma bulle de message va avoir une largeur de 500px, il n'y a aucun moyen pour moi de déterminer la hauteur de la bulle à moins que je ne la rende dans le navigateur ?

La mesure juste à temps va en quelque sorte à l'encontre de l'objectif de la virtualisation...

Au fait, merci pour l'incroyable paquet ! Je l'utilise très bien pour les flux multimédias.


EDIT: Eh bien, il s'avère que le rendu juste-à-temps n'est en fait pas si mal, en particulier pour le texte simple.

Cet exemple fonctionne parfaitement : https://codesandbox.io/s/dynamic-size-of-react-window-list-items-64o9p

Par ce commentaire : https://github.com/bvaughn/react-window/issues/6#issuecomment -538261156

Cette page vous a été utile?
0 / 5 - 0 notes