swipe to call and delete على الlistTitle في فلاتر

Ahmed Mahmoud

اخر تحديث :

swipe to call and delete على الlistTitle في فلاتر

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

يتطلب البرنامج الفعال عبر الأنظمة الأساسية ما لا يقل عن 250 ساعة من الجهد من شركة تطوير التطبيقات ذات السمعة الطيبة عبر الأنظمة الأساسية من أجل إنتاجه.

إنها لحظة رائعة لإنشاء تطبيقات الهاتف المحمول حيث يمر السوق حاليًا بتحول رقمي. أنصح باستخدام مطور تطبيقات Flutter لإنشاء تطبيقات لمحبي iOS و Android في وقت واحد بدلاً من توظيف مطوري iOS و Android في الولايات المتحدة الأمريكية ومختلف بلدان العالم .

لا شك أن Flutter عبر الأنظمة الأساسية هي رائدة في مجال البرمجيات وصناعات تكنولوجيا المعلومات ، وسنرى المزيد منها قريبًا أيضًا وبالمناسبه اول اعمل لي كان باستخدام تقنية Flutter لذلك ما الذي يجعلك متردد من البدء بتعلمها !

add flutter_slidable

dependencies:
flutter_slidable: ^1.3.0

How to swipe to delete or call in flutter

بعد تثبيت المكتبة السابقه سوف تلاحظ ظهور خاصية Slidable يمكنك تنفيذها على عناصر الlist وبعد السحب يمكنك تنفيذ اي امر تريده وتستطيع التحكم في السحب يسار او يمين وذلك يكون عن طريق ال startActionPane و الendActionPane وبهذا تكون تمكنت من التحكم باليمين او اليسار وتنفيذ اي عمليه تريدها كما هو موضح بالصورة الخاصه بالمقاله , والامر بسيط جدا ويمكنك التحكم بها بشكل اكبر عن طريق الموقع الخاص بالمكتبة يمكنك الاطلاع عليه والتعرف على العديد من المميزات .

slidable.dart

Slidable(
            startActionPane: ActionPane(
              extentRatio: 0.4,
              motion: DrawerMotion(),
              children: [
                SlidableAction(onPressed: (context){},icon: Icons.phone,backgroundColor: Colors.green,),
                SlidableAction(onPressed: (context){},icon: Icons.sms,backgroundColor: Colors.blueAccent),
              ],
            ),
            endActionPane: ActionPane(
              extentRatio: 0.2,
              motion: DrawerMotion(),
              children: [
                SlidableAction(onPressed: (context){},icon: Icons.delete,backgroundColor: Colors.red,),
              ],
            ),
            child: Container(
              color: Colors.grey[200],
              child: ListTile(
                title: Text('Geecoders'),
                subtitle: Text('+2010000000'),
                leading: Icon(FontAwesomeIcons.flag , size: 35,),
              ),
            ),
          ),

مزيد من المقالات