تغير ستايل عرض رسائل التنبية Toast في flutter الى اشكال جديده
من العناصر المهمه والتي يجب ان تتواجد في اي تطبيق وهيا اظهار snackbar وهو عباره عن widget يتم وضع بداخله رسالة تظهر للمستخدم لاجل تنبيه المستخدم من امر معين وفي هذه المقاله سوف نشارك معكم كيف تقوم بعمل تصميم جميل وعصري في تطبيقك من اجل تحسن مظهره كما هو موضح بالصورة الخاصه بالمقاله , سوف نقوم معكم بتنفيذ الشكل الموجود من خلال احد المكتبات التي تساعدنا في انشاء العنصر بشكل سهوله كما سوف في الجزء التالي والامر بسيط جدا .
يحتاج المرء إلى معرفة ومهارات في تطوير البرمجيات للعمل كمطور للهواتف المحمولة. يمكن أن يساعدك الحصول على درجة جامعية أو درجة البكالوريوس في علوم الكمبيوتر أو مجال ذي صلة على تحسين هذه المواهب (أنظمة المعلومات الإدارية ، على سبيل المثال). سيساعدك حضور واحد أو أكثر من برامج معسكرات تدريب المستجدين على الترميز التي يتم إنشاؤها لتثقيف المطورين الطموحين على زيادة محاولاتك لفهم تطوير تطبيقات الأجهزة المحمولة.
فيما يلي بعض المتطلبات الأساسية التي ستحتاج إليها للبدء في تطوير البرامج بنفسك: معرفة مبادئ تصميم البرامج الآمن والموثوق. معرفة دورة التصميم - التطوير - الاختبار - الإصدار - الصيانة ، بالإضافة إلى دعم دورة الحياة على المدى الطويل والصيانة ، في سياق تطوير البرمجيات ، التعرض لبعض منهجيات التطوير وفهمها (مثل Agile و Scrum وغيرها) بالإضافة إلى بيئات التطوير
add package :
top_snackbar_flutter: ^3.0.0
change toast (snackbar) style in Flutter
بعد تثبيت الpackage في الاعلى سوف يصبح الان بامكانك استخدام المكتبة بكل سهوله كما هو موضح بالكود التالي بعد عنصر onPressed تستطيع وضع الكود المسؤول بتشغيل الاشعار وسوف تلاحظ انه يظهر بالاعلى ارفق الرساله التي تريد عرضها وايضا ارفق الشكل الخاص بها مثل في حالة النجاح او فشل او انتظار ارفق التصميم في الاعلى ايضا حتى يظهر معك بالشكل المطلوب بدون مشاكل ويوجد ثلاث اشكال فقط وهيا انتظار وفشل ونجاح يمكنك استخدام الشكل الذي ترغب به بدون اي مشاكل .
main.dart
Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
ElevatedButton(
child: Text('Show Snack Bar'),
onPressed: (){
showTopSnackBar(
Overlay.of(context),
CustomSnackBar.success(
message:
"Good job",
),
);
},
),
ElevatedButton(
child: Text('Show Snack Bar'),
onPressed: (){
showTopSnackBar(
Overlay.of(context),
CustomSnackBar.error(
message:
"error job",
),
);
},
),
]
),
),
