شارك المقالة

قم بإنشاء أزرار سريعة الوصول باستخدام floating menu panel

قم بإنشاء أزرار سريعة الوصول باستخدام floating_menu_panel.

floating_menu_panel هي مكتبة طرف ثالث (Third-party package) في فلاتر تستخدم لإنشاء لوحة قائمة (panel) عائمة مع أزرار. تظهر هذه اللوحة من جانب أو حافة الشاشة وتتيح لك إضافة وظائف إضافية إلى واجهة المستخدم الخاصة بك بطريقة يمكن الوصول إليها بسهولة.


مميزات المكتبة:

  1. سهلة الاستخدام: تتيح المكتبة إنشاء لوحة القائمة العائمة ببضع أسطر من الكود.
  2. قابلة للتخصيص: يمكنك تخصيص العديد من جوانب اللوحة بما في ذلك:
  3. موقع اللوحة (الأعلى أو الأسفل أو اليسار أو اليمين)
  4. لون الخلفية
  5. لون الايقونات
  6. شكل اللوحة (مستطيل أو مستدير)
  7. زاوية استدارة اللوحة (في حالة الشكل المستدير)
  8. تحريك فتح وإغلاق اللوحة
  9. أيقونة فتح وإغلاق اللوحة
  10. حجم الأزرار داخل اللوحة


استخدام المكتبة:

إضافة المكتبة إلى مشروعك:

أضف الاعتماد على المكتبة في ملف pubspec.yaml الخاص بمشروعك. ابحث عن floating_menu_panel في Pub.

قم بتشغيل الأمر flutter pub get لتثبيت المكتبة.


تثبيت مكتبة floating_menu_panel 

floating_menu_panel: ^0.0.2


شرح الاستخدام

Stack(
          children: [
            FloatingMenuPanel(
              onPressed: (index) {
                print('SELECT__: $index');
              },
              buttons: [
                Icons.star_border_outlined,
                Icons.add_comment,
                Icons.music_note
              ],
            ),
          ],
        ),
شاهد أيضًا
مقالات ذات صلة
إضافة ملف للوضع الليلي والصباحي في Flutter

  إضافة ملف للوضع الليلي والصباحي في Flutterفي هذا المقال سوف نتعرف على كيفية اضافة…

كود لعبة صيد السمك في فلاتر | Flutter fishing game code

كود لعبة صيد السمك في فلاتر | Flutter fishing game code يدعم Flutter تطوير الألعاب…

تبسيط لمفهوم أنواع الـ Streams في Flutter : دليل شامل

تبسيط لمفهوم أنواع الـ Streams في Flutterمن الأسئلة الشائعة في أي مقابلة عمل لـ Flutter…

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

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