React-window: Erweiterbarer Artikel

Erstellt am 20. Nov. 2018  ·  8Kommentare  ·  Quelle: bvaughn/react-window

Ich arbeite an einer kleineren Liste, bei der wir eine Option zum Erweitern des Elements (und zum Ändern der Höhe) benötigen. Es scheint, als ob die aktuelle API das nicht unterstützt. resetAfterIndex verursacht ein erneutes Rendern, aber nicht die Höhe des tatsächlichen Elements. Unterstützt react-window diese Option derzeit?

👀 needs info
Quelle
picture smuk3c

Hilfreichster Kommentar

Ich weiß, dass dies vorerst geschlossen ist, aber was ist mit einem animierten expandierenden Div. Nicht nur etwas mit 2 hartcodierten Werten. Ich muss material-ui ExpansionPanel , aber die Implementierung hinterlässt mir ein Panel, das erweitert wird, aber den Rest der Liste nicht verdrängt.

picture fonty422 am 22. Aug. 2019
👍13

Alle 8 Kommentare

resetAfterIndex sollte für das funktionieren, was Sie beschreiben. Tatsächlich gibt es dafür Unit-Tests .

Können Sie mir bitte einen Repro zeigen, der zeigt, was bei Ihnen nicht funktioniert? Hier ist eine Code-Sandbox, die Sie forken können, um loszulegen.

bvaughn picture bvaughn am 20. Nov. 2018

Ich habe Brians Beispiel erweiterbare Elemente hinzugefügt und es funktioniert: https://codesandbox.io/s/kmzrylpx7o
Ich hoffe es hilft.

IOuser picture IOuser am 22. Nov. 2018
👍4 🚀3

Ich schließe das vorerst. Wird wieder geöffnet, wenn Repro-Schritte bereitgestellt werden. 😄

bvaughn picture bvaughn am 22. Nov. 2018
👍1

Ich weiß, dass dies vorerst geschlossen ist, aber was ist mit einem animierten expandierenden Div. Nicht nur etwas mit 2 hartcodierten Werten. Ich muss material-ui ExpansionPanel , aber die Implementierung hinterlässt mir ein Panel, das erweitert wird, aber den Rest der Liste nicht verdrängt.

fonty422 picture fonty422 am 22. Aug. 2019
👍13

Danke dafür, hat mir sehr geholfen

PQALAB picture PQALAB am 6. Dez. 2019

@fonty422 Haben Sie jemals eine Lösung für animierte expandierende Divs gefunden?

itayganor picture itayganor am 12. Juli 2020

@itayganor Am Ende Demoseite zeigt Ihnen, ob sie für Ihre Zwecke geeignet ist.

fonty422 picture fonty422 am 12. Juli 2020
❤3 🎉3 👍1

@fonty422 Das ist unglaublich. So einfach. Dankeschön!

Ich habe tatsächlich eine Frage, aber ich möchte diese Diskussion nicht spammen, also erstelle ich sie dort .

itayganor picture itayganor am 12. Juli 2020
War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

bnikom picture bnikom  ·  3Kommentare
daihuaye picture daihuaye  ·  3Kommentare
Kizmar picture Kizmar  ·  3Kommentare
brunolemos picture brunolemos  ·  3Kommentare
davalapar picture davalapar  ·  3Kommentare