flutter_base_project

مشروع قاعدة الرفرفة

• هذا هو قالب المشروع يتضمن العديد من المكتبات للمساعدة في عملية تطوير مشروع الرفرفة باستخدام بنية MVVM. يتضمن القالب طبقات مختلفة مثل القاعدة والثوابت والتمديدات ، وقاعدة init ، وقاعدة نموذج العرض. ويشمل أيضًا مكتبات لإدارة الدولة ، والتوطين ، وذاكرة التخزين المؤقت ، والشبكة ، والتسلسل ، من بين أمور أخرى. يحتوي القالب على رمز محدد مسبقًا لبناء طرق العرض ونماذج العرض ، مما يسهل على المطورين التركيز على تصميمات الصفحات ومنطق الأعمال.

خطوات التحريض

• 1-) افتح ملف "flutter_base_project". (ليس مع VSCODE ، Android Studio ، وما إلى ذلك)
• 2-) انسخ ملفات "lib" و "الأصول" و "البرامج النصية" ولصقها في مشروعك الخاص.
• 3-) دمج المكتبات والأصول في مجلد "pubspec.yaml".
• 4-) استبدل الواردات في الإغلاق باسم المشروع الخاص بك وإصلاح الواردات.

مكتبات مشروع قاعدة الرفرفة

• إدارة الدولة

  • mobx => https://pub.dev/packages/mobx
  • flutter_mobx => https://pub.dev/packages/flutter_mobx
  • Provider => https://pub.dev/packages/provider
  • mobx_codegen => https://pub.dev/packages/mobx_codegen
  • build_runner => https://pub.dev/packages/build_runner

• التوطين

  • easy_localization => https://pub.dev/packages/asy_localization

• مخبأ

  • shared_preferences => https://pub.dev/packages/shared_preferences

• شبكة

  • dio => https://pub.dev/packages/dio

• قابل للتسلسل

  • json_serializable => https://pub.dev/packages/json_serializable

طبقات المشروع

• قاعدة

  • يمكن نقلها من مشروع إلى آخر. يمكن استخدام الهياكل التي تحتوي عليها بسلاسة في كل مشروع.

  • في مشروع يعتمد على بنية MVVM ، نقوم بإنشاء الهياكل الأساسية لطبقات عرض الطراز من هنا.

• الثوابت

  • المجلد حيث يتم الاحتفاظ بالقيم التي لن تتغير خلال التطبيق ويمكن استخدامها من البداية إلى النهاية.

  • يتضمن أسماء التنقل التي سيتم استخدامها بواسطة مسار التطبيق ، وقيم التعداد ، وثوابت الصور ، ومسارات التنقل.

• الامتدادات

  • تعد الإضافات التي يمكن استخدامها في كل جزء من المشروع من حيث عقلية الكود النظيفة ضرورية.

  • context_extension => يتم الاحتفاظ بالمكان الذي يتم فيه الاحتفاظ بقيم مثل العرض والارتفاع والحشو والمدة داخل التطبيق.

• init

  • المكان الذي تتم فيه إدارة عناصر التحكم المهمة مثل ذاكرة التخزين المؤقت ، Lang ، التنقل ، الشبكة ، المعروفة ، والموضوع لتطبيق الهاتف المحمول.

  • Cache => يحتوي على Locale Manager لإدارة ذاكرة التخزين المؤقت للتطبيق في هذا القسم.

  • Lang => يحتوي على مدير لغة للتوطين. بالنسبة للتوطين ، يجب وضع اللغات التي سيتم ترجمةها في مجلدات مثل en-us.json ، tr-tr.json تحت الأصول/lang. بعد أي تغييرات تم إجراؤها في هذه المجلدات ، يجب كتابة أمر "Flutter Pub Run easy_localization: إنشاء -o Lib/Core/init/lang -f Keys -o locale_keys.g.dart -s armets/lang" في المحطة.

  • التنقل => المكان الذي يتم فيه توفير مسارات خدمة الملاحة ومسارات التنقل.

  • الشبكة => تستخدم لإدارة عمليات تجريف الويب من مواقع الويب باستخدام DIO

  • Sotfier => يدير تغييرات السمة بين السمات المظلمة والخفيفة مع المباراة.

  • السمة => المستخدمة لإدارة موضوع التطبيق.

View-ViewModel قاعدة

• بعد الانتهاء من عمليات التطوير المعماري المحددة في قسم طبقات المشروع ، يمكننا البدء في ملء طرق العرض وعرض العرض في التطبيق بشكل عام.

• في هذا القسم ، نرى كيف يمكننا استخدام مشاهدات تطبيقنا وتوريدات العرض بطريقة متكاملة مع الرمز الذي كتبناه في الطبقة الأساسية.

  ViewModel

  • عندما نبدأ في إنشاء قسم ViewModel ، نبدأ أولاً إنشاء رمز ViewModel باستخدام مقتطف Mobx. ( لاحظ أن build_runner_watch نشط خلال هذه العملية. )

  • بعد الانتهاء من هذه العملية ، يبدأ Mobx_Codegen في كتابة الرموز التي تم إنشاؤها إلى مجلد ViewModel.g.g.dart نيابة عنا.

  • أثناء تطوير ViewModel الخاص بنا ، نستخدم BASE_VIEW_MODEL الذي صنعناه في القسم الأساسي. لهذه العملية ، نضيف الفئة مع المتجر ، بنية BaseViewModel إلى الفصل لاستخلاصها من فئة BaseViewModel.

  • بعد إضافة هذه الهياكل ، ندمج وظائف setContext () و init () من base_view_model. "

  

  منظر

  • عند البدء في ملء قسم العرض ، نستخدم أولاً View_Base قمنا بتطويره في القسم الأساسي.

  • لرسم صفحتنا ، نضيف BaseView إلى قسم الإرجاع ، ولكن يجب اشتقاق هذه BaseView من ViewModel (على سبيل المثال: BaseView ())

  • بعد دمج BaseView ، نبدأ في ملء الرمز الذي كتبناه في قسم Base_View هنا.

  • ViewModel => نعطي ViewModel للصفحة التي رسمناها كما هو موضح أعلاه.

  • onModelReady => نحن نتحكم في تفاعل السياق للنموذج الذي قدمناه.

  • ONPAGEBUILDER => هذا هو القسم الذي نبدأ فيه رسم صفحتنا.

  

  نشر إلى Android

  الاعتمادات

  • بفضل قناة HardwareAndro youtube => https://www.youtube.com/@hardwareandro
  • بفضل Veli Bacık الذي يقدم هذه التدريبات للمساهمة في تعليمي حول هذه الموضوعات. => https://github.com/vb10