شارك المقالة

شرح كيفية اضافة اي عنصر اسفل 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 في نهايه العناصر .

شاهد أيضًا
مقالات ذات صلة
اندرويد ستوديو – كيفية عرض البيانات داخل كل RecyclerView عن طريق Fragment RecyclerView onClick android Studio

الفراجمنت قد لا تخلو برمجة تطبيقات الاندرويد منها ولذلك لانها تقوم بي تطوير وتحسين تطبيق…

كيف تتابع اخطاء تطبيقك بعد اطلاقه عن طريق Sentry في Flutter بسهوله

كيف تتابع اخطاء تطبيقك بعد اطلاقه عن طريق Sentry في Flutter بسهولهيعد تتبع الأخطاء أثناء…

تطبيق الvalidation في Flutter والتاكد من صحة البيانات

  تطبيق الvalidation في Flutter والتاكد من صحة البيانات خاصية الvalidation من الخصائص التي لا غنى…

🚫 مانع الإعلانات مفعل

يجب إيقاف مانع الإعلانات لاستكمال تصفح الموقع