React-window: VariableSizeList tinggi item dinamis

Dibuat pada 26 Mar 2019 · 4Komentar · Sumber: bvaughn/react-window

Saya tidak yakin bagaimana menerapkan ini karena dari contoh Anda memperbaiki ketinggian. Bagaimana cara mengukur ketinggian elemen item? Mungkin saya melewatkan sesuatu di repo ini. FYI, saya menerapkan daftar obrolan yang memiliki ketinggian dinamis.

Sumber

muhaimincs

👍19

Komentar yang paling membantu

Hai @bvaughn , maaf telah menulis tentang masalah tertutup. Saya hanya ingin mengklarifikasi ini ...
Apakah ini berarti bahwa jika saya tidak mengetahui sebelumnya ketinggian item daftar saya, tidak ada cara bagi saya untuk menggunakan VariableSizeList untuk merender item daftar yang memiliki konten dinamis? Misalnya, jika beberapa item daftar saya memiliki berbagai ukuran gambar di dalamnya, yang tidak saya ketahui sebelumnya, saya tidak akan dapat menggunakan VariableSizeList untuk membuat daftar berjendela/virtualisasi?

lazarnikolic1983 pada 4 Nov 2019

👍18

Semua 4 komentar

Gajesh-LH pada 26 Mar 2019

👍7

Itu belum didukung (kecuali jika Anda ingin mengukur konten tepat pada waktunya, yang tidak akan saya rekomendasikan).

Lihat masalah #6 untuk status dukungan.

bvaughn pada 26 Mar 2019

lazarnikolic1983 pada 4 Nov 2019

👍18

Jadi tidak ada paket lain yang bisa mengukur konten yang diusulkan sebelum dirender?

Salah satu kasus penggunaan saya adalah memvirtualisasikan jendela pesan. Sebelumnya, saya tahu font, ukuran, dan konten teks.

Jika saya tahu bahwa gelembung pesan saya akan menjadi lebar 500px, tidak ada cara bagi saya untuk mengetahui ketinggian gelembung kecuali saya merendernya di browser?

Tepat pada pengukuran waktu, jenis mengalahkan tujuan virtualisasi ...

Omong-omong, terima kasih untuk paket yang luar biasa! Saya menggunakannya dengan sangat baik untuk umpan media.

EDIT: Ternyata, rendering tepat waktu sebenarnya tidak terlalu buruk, terutama untuk teks sederhana.

Contoh ini berfungsi dengan baik: https://codesandbox.io/s/dynamic-size-of-react-window-list-items-64o9p

Per komentar ini: https://github.com/bvaughn/react-window/issues/6#issuecomment -538261156