تصاميم Flutter بالعربية: شروحات وأمثلة عملية

انشاء عجلة الحظ في تطبيقات FlutterSpin_wheel_ui عبارة عن حزمة Flutter توفر عنصر واجهة مستخدم لإنشاء عجلات دوارة. إنه قابل للتخصيص للغاية ويمكن استخدامه لإنشاء عجلات دوارة بأي عدد من الأقسام وأي نوع من المحتوى.لاستخدام حزمة spin_wheel_ui، يمكنك إضافة التبعيات التالية إلى ملف pubspec.yaml الخاص بك:dependencies:  spin_wheel_ui: ^0.1.0بمجرد إضافة…

انشاء Custom Slider شريط لاختيار المقاسلإنشاء Custom Slider في فلاتر، يمكنك استخدام عنصر واجهة المستخدم CustomPainter. يسمح لك عنصر واجهة المستخدم CustomPainter برسم أشكال ورسومات مخصصة على الشاشة.يمكنك استخدام خيالك لإنشاء Custom Slider بأي شكل أو تصميم تريده.فيما يلي بعض النصائح لإنشاء Custom Slider:استخدم Paint() لتحديد لون وأسلوب…

تصميم شات ui بكود فلاتر لانشاء تطبيق محادثه بشكل جميلكما نعلم ان تطبيقات المحادثات اصبحت منتشرة بشكل كبير جدا في السوق واغلب التطبيقات حاليا اصبحت تهتم بإضافة شات في تطبيقتها سواء كان تطبيق تواصل اجتماعي او حتى موقع لبناء متجر اليكتروني على الانترنت , وفي هذا المقال نشارك…

تصميم صفحة تطبيق messanger مع تدرج الالوان اثناء عمل Scrollسؤال كان يراودني منذ مده كيف يقوم تطبيق المحادثات الشهير messanger التابع لفيسبوك بامكانيه عمل تدرج لوني للنص بحيث النص في الاعلى لون وبالاسف يكون لون اخر مختلف وعند عمل scroll للشاشه نشاهد ان اللون يتدرج ايضا كيف يستطيع…

تصميم صفحة لاضافة الاشخاص داخل تطبيقك في فلاتر | Designing a page to add people within an application in Flutterفي هذا الدرس من دروس تحسين تطبيقات الجوال سوف نشرح معكم كيف تقوم بعمل صفحة لاضافة الاشخاص داخل مجموعه او اضافة مجموعة من العناصر داخل box كما هو موضح بالصورة…

تصميم صفحة لكتابة الرقم السري لفتح التطبيق باشكال مختلفه في Flutterفي هذا المقال نقدم لكم كيفية اضافة باسورد للتطبيق الخاص بك باستخدام النمط او حتى بالسحب كما هو موضح بالصورة الخاصه بالمقاله , يمكنك استخدام الطريقة التي تناسبك في التعامل مع كلمات السر لتطبيقك او التعديل على الكود…

تصميم ui باستخدام Flutter لصفحة عرض تفاصيل المنتج مع Animation في هذا المقال سوف نتعرف على CustomScrollView وكيف تقوم بعمل scroll للعناصر الخاصه بك مع انميشن لطيف اثناء النزول للاسفل او حتى الصعود للاعلى كما هو موضح بالصورة الخاصه بالمقاله , بكل بساطة ما سوف تحتاج اليه هو استخدام…

شرح NestedScrollView وانشاء واجهة profile تطبيق instagram في Flutterفي هذا المقال سوف نشرح معكم كيفية استخدام NestedScrollView في تطوير تطبيقات Flutter حيث ان NestedScrollView من الامور المهمه التي عليك معرفتها لانها ترفع من كفاءة التطبيق الخاص بك بشكل كبير جدا وابسط مثال على ذلك عندما تريد ان تقوم…