FlatList হল React Native-এর ডেটা-এর স্ক্রোলযোগ্য তালিকা দক্ষতার সাথে রেন্ডার করার জন্য একটি কম্পোনেন্ট। এটি আইটেমগুলি অলসভাবে রেন্ডার করে (শুধুমাত্র যা দৃশ্যমান), যা দীর্ঘ তালিকার জন্য কর্মক্ষম করে তোলে — ScrollView-এ ডেটা ম্যাপ করার চেয়ে অনেক ভাল।
{ , , } ;
() {
(
);
}
FlatList data অ্যারে নেয়, একটি renderItem ফাংশন (প্রতিটি আইটেম রেন্ডার করে), এবং একটি keyExtractor (অনন্য চাবি) — এবং আইটেমগুলি দক্ষতার সাথে রেন্ডার করে।
❌ ScrollView with data.map(...) → renders ALL items at once (even off-screen) →
slow/memory-heavy for long lists
✅ FlatList → renders only VISIBLE items lazily (virtualization); recycles as you scroll →
performant for long/large lists
→ Use FlatList for any non-trivial list; ScrollView only for small, fixed content.
✓ onEndReached → load more data when scrolling near the end (INFINITE SCROLL / pagination)
✓ refreshing / onRefresh → PULL-TO-REFRESH
✓ ListHeaderComponent / ListFooterComponent / ItemSeparatorComponent
✓ numColumns → grid layout; horizontal → horizontal list
✓ SectionList → for sectioned/grouped lists
FlatList বোঝা অপরিহার্য কারণ ডেটার তালিকা প্রদর্শন করা অ্যাপগুলিতে একটি প্রায় সর্বজনীন প্রয়োজন, এবং FlatList হল React Native-এ এটি করার মান, কর্মক্ষম উপায়, তাই এটি অবশ্যই জানার বিষয়।
প্রায় প্রতিটি অ্যাপ তালিকা দেখায় (ফিড, বার্তা, অনুসন্ধান ফলাফল), এবং তা দক্ষতার সাথে করা গুরুত্বপূর্ণ।
মূল অন্তর্দৃষ্টি হল যে FlatList আইটেমগুলি অলসভাবে রেন্ডার করে (শুধুমাত্র যা দৃশ্যমান, ভার্চুয়ালাইজেশনের মাধ্যমে, আপনি স্ক্রোল করার সাথে সাথে পুনর্ব্যবহার করে) — দীর্ঘ তালিকার জন্য কর্মক্ষম করে তোলে, ScrollView সহ data.map()-এর সাধারণ ত্রুটির বিপরীতে যা একবারে সমস্ত আইটেম রেন্ডার করে (এমনকি অফ-স্ক্রিনে), দীর্ঘ তালিকার জন্য ধীরতা এবং মেমোরি সমস্যা সৃষ্টি করে।
যেকোনো অ-তুচ্ছ তালিকার জন্য FlatList ব্যবহার করতে হবে বুঝা (এবং ScrollView শুধুমাত্র ছোট, স্থির সামগ্রীর জন্য) গুরুত্বপূর্ণ ব্যবহারিক জ্ঞান যা বাস্তব পারফরম্যান্স সমস্যা প্রতিরোধ করে।
মৌলিক ব্যবহার বোঝা (data অ্যারে, renderItem ফাংশন, এবং অনন্য চাবির জন্য keyExtractor) তালিকা রেন্ডার করার জন্য প্রয়োজনীয়।
দরকারী বৈশিষ্ট্যগুলি বোঝা — onEndReached (অসীম স্ক্রোল/পেজিনেশনের জন্য, শেষের কাছে আরও ডেটা লোড করার জন্য — একটি অত্যন্ত সাধারণ প্রয়োজন), টানুন-থেকে-রিফ্রেশ, হেডার/ফুটার/সেপারেটর কম্পোনেন্ট, গ্রিড এবং অনুভূমিক লেআউট, এবং গ্রুপকৃত তালিকার জন্য SectionList — অ্যাপগুলির সাধারণ তালিকা প্রয়োজনীয়তাগুলি কভার করে।
তালিকা দক্ষতার সাথে প্রদর্শন করা একটি সর্বজনীন অ্যাপ প্রয়োজন এবং FlatList (এর অলস রেন্ডারিং/ভার্চুয়ালাইজেশনের সাথে) হল মান, কর্মক্ষম React Native সমাধান — নিষ্ক্রিয় ScrollView+map পদ্ধতির চেয়ে অনেক ভাল — FlatList বোঝা অপরিহার্য, ঘন ঘন প্রয়োগ করা হয় এমন React Native জ্ঞান — প্রায় প্রতিটি অ্যাপে ডেটা তালিকা প্রদর্শনের জন্য ব্যবহৃত একটি মূল কম্পোনেন্ট, যেখানে এর দক্ষ অলস রেন্ডারিং এবং বৈশিষ্ট্য (অসীম স্ক্রোল এবং টানুন-থেকে-রিফ্রেশের মতো) বোঝা কর্মক্ষম, কার্যকরী তালিকা তৈরির জন্য মৌলিক, React Native উন্নয়নের জন্য একটি মান দক্ষতা।