انواع ListView در Flutter
برنامه نویسی
یکشنبه 1 دی 1398
سه گوش

انواع ListView در Flutter


برای این که بخواهیم از اطلاعات انبوهی مثل استفاده از یک لیستی که ۱۰۰ عدد آیتم دارد استفاده کنیم ، باید از ListView  ها استفاده کنیم.

در این مقاله انواع Listview ها را در فلاتر بررسی می کنیم.

اولین حالت ListView استفاده ان به ساده ترین حالت ممکن است که به شکل زیر استفاده می شود:

لیست ویوو در فلاتر

دو ویژگی مهمی که ListView  دارد ، scrollDirection  و childrenهستند که به ترتیب جهت لیست و ایتم ها را مشخص می کنند . جهت لیست ها می توانند افقی یا عمودی باشد.

پیش از این که بخواهیم کار را ادامه دهیم ، یک تابعی ایجاد می کنیم که یک ایتم از این لیست ویوو ما را شامل شود و از این ایتم در مثال های بعدی هم استفاده می کنیم.

 

ایتم لیست ویوو

از این تابع به عنوان ایتم های لیست ویوو استفاده می کنیم  و به شکل زیر فراخوانی می کنیم

 

listview

خروجی کد بالا به شکل زیر است :

 

listview simple

 

فرض کنید ما تعداد زیادی ایتم داریم مثلا بالای ۱۰۰ آیتم !! حالا باید چه کاری انجام داد ؟‌

برای استفاده از تعداد ایتم نامحدود و استاندارد از متد Builder کلاس ListView  استفاده می کنیم :

 

listviewBuilder

در نمونه کد بالا قسمت itemCount ، تعداد ایتم های ما است ، قسمت itemBuilder برای تولید هر کدام از ایتم های لیست می باشد که پارامتر های ان context و index هستند . در واقع index شماره ایتم را به ما می دهد که از صفر شروع می شود . خروجی کد ما به شکل زیر است :‌

 

listviewbuilder privew

 

اگر شما بخواهید یک جداکننده بین آیتم های لیست ویوو خود قرار بدید ، می توانید از separated  استفاده کنید به شکل زیر :‌

 

listview seprator

استفاده از این حالت هم دقیقا مثل حالت قبلیست با این تفاوت که یک separatorBuilder  هم دارد که به ما کمک می کند تا بین ایتم های خود یک جدا کننده قرار دهیم ، خروجی کد بالا به شکل زیر است :‌

 

listview sperator builder

دیدگاه ها
برای ثبت دیدگاه یا درج پاسخ باید عضو باشید

دیدگاهی تا کنون ثبت نشده است