شارك المقالة

قم بإنشاء أزرار سريعة الوصول باستخدام 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
              ],
            ),
          ],
        ),
شاهد أيضًا
مقالات ذات صلة
كود برولوج للتاكد من وجود العنصر في list ام لا | Membership Operation prolog program

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

تصميم صفحة لعرض المنتج وعمل انميشن على المنتج وتغيير اللون والسعر في Flutter

تصميم صفحة لعرض المنتج وعمل انميشن على المنتج وتغيير اللون والسعر في Flutterفي هذا القسم…

كيفية تغيير شكل رسالة toast الى اشكال احترافية داخل الاندرويد ستوديو

  متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio في هذا…

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

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