شرح كيفية اضافة جميع الصور والملحقات دفعه واحده في Flutter
المعظم منا يقابل مشاكل كثيرة جدا في التعامل مع الصور التي توجد بداخل ملف assets بواسطة لغة Flutter وهذه مشكلة مزعجه لدا الاغلب منا ولكن قام احد الاشخاص بتصميم مكتبة تساعدنا بشكل كبير جدا في التعامل مع انواع الصور والصيغ المختلفه في Flutter والامر بسيط جدا من خلال تثبيت المكتبة وارفاق جميع الملحقات التي تريدها في تطبيقك يمكنك استخدامها بكل سهوله بدون كتابة المسار الخاص بكل صورة كما كنا نفعل فالمكتبة تحل لنا هذه الازمه وكل ما عليك هو كتابة اسم المكتبة وبعدها تكتب الصورة التي تريد عرضها ونوعها وفقط هيا تقوم بتنفيذ الباقي .
تعد كيفية تحقيق الأداء الأصلي للتطبيق وكيفية تسهيل تصميم الميزات المتنوعة للأجهزة والأنظمة الأساسية قدر الإمكان على المطورين من الصعوبات الرئيسية التي تواجه أطر العمل عبر الأنظمة الأساسية للجوّال. عند القيام بذلك ، ضع في اعتبارك أن تجربة المستخدم يجب أن تكون متسقة مع دمج العناصر المميزة الخاصة بكل نظام أساسي (Android و iOS).
على الرغم من أن الأطر المشتركة بين الأنظمة الأساسية يمكنها عادةً معالجة المشكلات الخاصة بالمنصة ، إلا أن هناك بعض الوظائف التي لا يمكن إنجازها إلا من خلال التعليمات البرمجية الخاصة بالنظام الأساسي المكتوبة خصيصًا. السؤال الرئيسي هو كيف يمكن لهذه الأطر إنشاء اتصال بين النظام الأساسي والتطبيق المعينين.
How to Add generator for your assets, fonts automatically
قم بوضع المكتبة في المكان المناسب لها وايضا بداخل ملف dev depandencies حتى يتمكن البرنامج من قراءة الملفات وتتمكن المكتبة من قراءة ملفات المشروع وتقوم بتنفيذ لك ملف كامل يمكنك من ادراج الصور والملحقات بكل سهوله كما سوف نلاحظ في الفقرة التاليه .
pubspec.yaml
dependencies:
flutter:
sdk: flutter
flutter_gen: ^5.0.0
dev_dependencies:
...
build_runner:
flutter_gen_runner:
assets:
- assets/images
Terminal
بعد كتابة الاوامر السابقة بشكل صحيح قم بتفعيل امكانية المكتبة لقراءة الملفات وذلك يكون مره واحده فقط عند طريق استخدام الكود الاول وفي كل مره تقوم بإضافة صور في الملف قم باستعمال الكود الثاني .
// Add the following code only once to activate the library
dart pub global activate flutter_gen
// Each time, add the following code
flutter packages pub run build_runner build
How to use flutter_gen
الان عندما تريد استخدام اي صورة فقط يمكنك كتابة المسار المخصص لها كما هو موضح وبعدها سوف يتم ادراج الصورة بدلا من عمل المسار كمجموعه من النصوص وهذا الامر يكون مزعج لدا الاغلب .
ui.dart
Image.asset(Assets.images.background.path),
android sdk manager تحميل flutter developers applications create app android android studio mac
