اذهب إلى المحتوى
  • 0

ما الفرق بين المكون ScrollView  والمكون FlatList في React Native؟

Emad Saif

السؤال

بدأت مؤخرًا بتعلم عمل تطبيقات للهواتف الذكية عبر React Native بسبب معرفتي السابقة بلغة JavaScript

ولكن لدي سؤال بسيط وهو ما الفرق بين المكون ScrollView  والمكون FlatList؟ ومتى أستعمل كل مكون منهما؟

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 1

كلا المكونين يستخدمان لإظهار قائمة طويلة يمكن التمرير scrolling عبرها:

  • ScrollView يُستخدم لعرض أي نوع من البيانات داخله، كمكون ذو ارتفاع أكبر من الشاشة حتى يتمكن المستخدم من التمرير ومشاهدة المكون بأكمله.
  • FlatList مخصص لعرض البيانات المتكررة حيث يعرضها أيضًا ضمن تنسيق قابل للتمرير scrolling.

الفرق أن ScrollView يُحمل المكونات داخله مباشرة إلى الذاكرة، بينما يُحمل المكون FlatList فقط المكونات الظاهرة على الشاشة للمستخدم، ويُحمل باقي المكونات عند التمرير عليها ويفرغ من الذاكرة المكونات التي أصبحت خارج الشاشة، لذا نستخدم المكون FlatList عند عرض قوائم بيانات طويلة لتوفير استخدام الذاكرة، أما ScrollView خلاف ذلك.

 يمكنك القراءة أكثر في صفحة مرجع المكون FlatList وصفحة استخدام المكون ScrollView، والاستفادة من المقال التالي:

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...