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

قم بإنشاء أزرار سريعة الوصول باستخدام 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
              ],
            ),
          ],
        ),
تعليقات