React-window: VariableSizeList dynamische Elementhöhe

Erstellt am 26. März 2019  ·  4Kommentare  ·  Quelle: bvaughn/react-window

Ich bin mir nicht sicher, wie ich dies implementieren soll, da Sie aus dem Beispiel die Höhe festlegen. Wie messe ich die Höhe des Item-Elements? Vielleicht vermisse ich etwas in diesem Repo. Zu Ihrer Information, ich implementiere eine Chat-Liste mit dynamischer Höhe.

Hilfreichster Kommentar

Hallo @bvaughn , tut mir leid, dass ich zu einem geschlossenen Thema geschrieben habe. Ich möchte das nur klarstellen...
Bedeutet dies, dass ich, wenn ich die Höhe meiner Listenelemente nicht im Voraus kenne, keine Möglichkeit habe, VariableSizeList zum Rendern von Listenelementen mit dynamischem Inhalt zu verwenden? Wenn zum Beispiel einige meiner Listenelemente Bilder in verschiedenen Größen enthalten, die ich im Voraus nicht kenne, kann ich VariableSizeList nicht verwenden, um Fenster-/virtualisierte Listen zu rendern?

Alle 4 Kommentare

+1

Das wird noch nicht unterstützt (es sei denn, Sie möchten den Inhalt just-in-time messen, was ich nicht wirklich empfehlen würde).

Schauen Sie sich jedoch Ausgabe Nr. 6 für den Support-Status an.

Hallo @bvaughn , tut mir leid, dass ich zu einem geschlossenen Thema geschrieben habe. Ich möchte das nur klarstellen...
Bedeutet dies, dass ich, wenn ich die Höhe meiner Listenelemente nicht im Voraus kenne, keine Möglichkeit habe, VariableSizeList zum Rendern von Listenelementen mit dynamischem Inhalt zu verwenden? Wenn zum Beispiel einige meiner Listenelemente Bilder in verschiedenen Größen enthalten, die ich im Voraus nicht kenne, kann ich VariableSizeList nicht verwenden, um Fenster-/virtualisierte Listen zu rendern?

Es gibt also keine anderen Pakete, die den vorgeschlagenen Inhalt vor dem Rendern messen können?

Einer meiner Anwendungsfälle ist die Virtualisierung eines Nachrichtenfensters. Vorab kenne ich Schriftart, Größe und Textinhalt.

Wenn ich weiß, dass meine Nachrichtenblase 500 Pixel breit sein wird, kann ich die Höhe der Blase nicht herausfinden, es sei denn, ich rendere sie im Browser?

Just-in-Time-Messung vereitelt irgendwie den Zweck der Virtualisierung ...

Übrigens danke für das tolle Paket! Ich benutze es sehr gut für Medien-Feeds.


BEARBEITEN: Nun, wie sich herausstellt, ist Just-in-Time-Rendering eigentlich gar nicht so schlecht, besonders für einfachen Text.

Dieses Beispiel funktioniert perfekt: https://codesandbox.io/s/dynamic-size-of-react-window-list-items-64o9p

Laut diesem Kommentar: https://github.com/bvaughn/react-window/issues/6#issuecomment -538261156

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen