شرح كيفية اضافة اي عنصر اسفل listView مباشرة في Flutter

شرح كيفية اضافة اي عنصر اسفل listView مباشرة في Flutter

شرح كيفية اضافة اي عنصر اسفل listView مباشرة في Flutter

في هذا المقال نشرح لكم كيف تقوم باضافة عنصر يوجد باعلى ال list او اسفلها بطريقة بسيطه جدا وبدون اي تعقيد حيث ان البعض يستخدم singleChild كي يضع عنصر بالاعلى مثلا او الاسفل ويقوم بعرض جميع محتويات ال  list ولكن هذا يقلل من اداء التطبيق وقد سبق وشرحنا لكم حل لهذه المشكلة وفي هذه المقالة سوف نشرح لكم حل اخر ولكن كيف تضع عنصر بنهايه ال list حيث سوف نلعب على index حتى نعرف هل انتهت ىال list ام لا وبناء عليها نظهر العنصر .


How to add an item above listView in Flutter project

بكل بساطة قم بعمل زيادة عنصر على طول الlist مثلا لو كانت 20 اجعلها 21 وبعدها سوف نقوم بعمل اداة الشرط في builder حتى نتاكد من العنصر هل اقل من طول القائمه او لا واذا كان اكبر منها سوف نعرض تصميم اخر في الاسفل كما هو موضح والامر بسيط جدا جدا ويمكنك القيام به في تطبيقك وبالنسبة للعنصر في البداية سوف يكون بنفس الوضع ولكن تاكد من العنصر الاول بدلا من العنصر الموجود بالاسفل .


How to add an item above listView in Flutter project

item.dart


Expanded(
  child: ListView.separated(
    physics: const BouncingScrollPhysics(),
    controller: controller,
    itemCount: text.length + 1,
    separatorBuilder: (context, index) => SizedBox(height: 10,),
    itemBuilder: (context, index) {
      if (index < text.length) {
        return buildContainer(index);
      } else {
        return Container(
          height: 100,
          color: Colors.yellow,
        );
      }
    },
  ),
),
],
),


ايضا يمكنك استخدام خاصية 

if(position==items.size()-1)


للتاكد من وجود ال list في نهايه العناصر .

تعليقات