React-window: VariableSizeList ارتفاع العنصر الديناميكي

تم إنشاؤها على ٢٦ مارس ٢٠١٩  ·  4تعليقات  ·  مصدر: bvaughn/react-window

لست متأكدًا من كيفية تنفيذ ذلك بدءًا من المثال الذي قمت بإصلاحه للارتفاع. كيف أقيس ارتفاع عنصر العنصر؟ ربما أفتقد شيئًا في هذا الريبو. لمعلوماتك ، أنا أقوم بتنفيذ قائمة دردشة ذات ارتفاع ديناميكي.

التعليق الأكثر فائدة

مرحبًا bvaughn ، آسف على الكتابة حول قضية مغلقة. أود فقط توضيح هذا ...
هل هذا يعني أنه إذا كنت لا أعرف مسبقًا ارتفاع عناصر القائمة الخاصة بي ، فلا توجد طريقة بالنسبة لي لاستخدام VariableSizeList لعرض عناصر القائمة التي تحتوي على محتوى ديناميكي؟ على سبيل المثال ، إذا كانت بعض عناصر القائمة الخاصة بي تحتوي على صور بأحجام مختلفة ، والتي لا أعرفها مقدمًا ، فلن أتمكن من استخدام VariableSizeList لعرض قائمة ذات إطارات / افتراضية؟

ال 4 كومينتر

+1

هذا غير مدعوم حتى الآن (إلا إذا كنت تريد قياس المحتوى في الوقت المناسب ، وهو ما لا أوصي به حقًا).

تحقق من المشكلة رقم 6 للحصول على حالة الدعم بالرغم من ذلك.

مرحبًا bvaughn ، آسف على الكتابة حول قضية مغلقة. أود فقط توضيح هذا ...
هل هذا يعني أنه إذا كنت لا أعرف مسبقًا ارتفاع عناصر القائمة الخاصة بي ، فلا توجد طريقة بالنسبة لي لاستخدام VariableSizeList لعرض عناصر القائمة التي تحتوي على محتوى ديناميكي؟ على سبيل المثال ، إذا كانت بعض عناصر القائمة الخاصة بي تحتوي على صور بأحجام مختلفة ، والتي لا أعرفها مقدمًا ، فلن أتمكن من استخدام VariableSizeList لعرض قائمة ذات إطارات / افتراضية؟

إذن ، ليس هناك أي حزم أخرى يمكنها قياس المحتوى المقترح قبل تقديمه؟

إحدى حالات الاستخدام الخاصة بي هي جعل نافذة الرسائل افتراضية. مقدمًا ، أعرف الخط والحجم ومحتوى النص.

إذا كنت أعلم أن فقاعة رسالتي ستكون بعرض 500 بكسل ، فلا توجد طريقة بالنسبة لي لمعرفة ارتفاع الفقاعة إلا إذا قمت بعرضها في المتصفح؟

فقط في قياس الوقت نوع من هزيمة الغرض من الافتراضية ...

بالمناسبة شكرا على الحزمة الرائعة! أنا أستخدمه بشكل جيد للغاية لتغذية الوسائط.


تحرير: حسنًا ، كما اتضح ، فإن العرض في الوقت المناسب ليس بهذا السوء ، خاصة بالنسبة للنص البسيط.

هذا المثال يعمل بشكل مثالي: https://codesandbox.io/s/dynamic-size-of-react-window-list-items-64o9p

حسب هذا التعليق: https://github.com/bvaughn/react-window/issues/6#issuecomment -538261156

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات

القضايا ذات الصلة

Kizmar picture Kizmar  ·  3تعليقات

ajayns picture ajayns  ·  3تعليقات

jsu93 picture jsu93  ·  4تعليقات

delateurj picture delateurj  ·  3تعليقات

lifeisaloha picture lifeisaloha  ·  3تعليقات