حل مشكله Native Splash Screen علي اندرويد ١٢ وما فوق في Flutter
في عالم تطوير التطبيقات، يعتبر تصميم واجهة المستخدم (UI) وتجربة المستخدم (UX) من العوامل الأساسية التي تحدد نجاح التطبيق. مع إطلاق Flutter 2.5 وما بعده، أصبحت Native Splash Screens (شاشات التحميل الأصلية) جزءًا أساسيًا من تجربة المستخدم، خاصةً على أجهزة أندرويد 12 وما فوق. في هذه المقالة، سنتعرف على حل المشكله التي يقابلها المعظم وهيا التي تظهر في اندرويد ١٢ وما فوق ، والحل يكون عن طريق تصميم صورة بمقاس 960 بكسل باستخدام Figma، وكيفية تطبيقها كـ Native Splash Screen في تطبيقات Flutter.
ما هي Native Splash Screen؟
شاشة التحميل الأصلية (Native Splash Screen) هي الشاشة التي تظهر فور فتح التطبيق، قبل تحميل الواجهة الرئيسية. في أندرويد 12، قدمت Google تحسينات كبيرة على شاشات التحميل، مما يجعلها أكثر سلاسة وتكاملًا مع النظام.
لماذا مقاس 960 بكسل؟
مقاس 960 بكسل هو المقاس الموصى به لتصميم شاشات التحميل في Flutter لأجهزة أندرويد. هذا المقاس يضمن أن الصورة تبدو واضحة وحادة على جميع الأجهزة، بدءًا من الهواتف الذكية ذات الدقة المنخفضة وحتى الأجهزة ذات الشاشات عالية الدقة.
عليك بتصميم المربع بمقاس ٩٦٠ ووضع دائره بداخله بمقاس ٦٤٠ وضعها بالمنتصف وضع بداخلها اللوجو الذي ترغب به في المنتصف واي شيئ خارج الدائره لن يظهر لذلك تاكد من ان العناصر بداخل الدائره وفي النهايه قم بحفظ التصميم واذف الدائره
الخطوه الاخيره هيا ان تقوم بنسخ الصوره التي تم الحصول عليها ومن ثم ارفاقها في ملفات المشروع الخاص بك وبعدها قم بتعريفها داخل pubspec.yaml وبعدها قم بالتعديل علي اكواد flutter_native_splash.yaml ورفع الصوره الجديده وذلك يكون عن طريقه اضافه الكود التالي
android_12:
color: "#FFFFFF"
image: "assets/pngs/light-logo-splash.png"
واخيرا قم بتشغيل الامر المسؤول عن عمليه الانشاء
flutter clean && flutter pub get && flutter pub run flutter_native_splash:create
اختبار التطبيق
قم بتشغيل التطبيق على جهاز أندرويد 12 أو أعلى.
تأكد من أن شاشة التحميل تظهر بشكل صحيح وتتلاشى بسلاسة عند تحميل الواجهة الرئيسية.
فوائد استخدام Native Splash Screen
- تحسين الأداء: شاشات التحميل الأصلية تعمل بشكل أسرع وأكثر سلاسة مقارنة بالحلول المخصصة.
- التكامل مع النظام: تتناسب بشكل أفضل مع أنظمة التشغيل الحديثة مثل أندرويد 12.
- تجربة مستخدم أفضل: تعطي انطباعًا أوليًا احترافيًا عن التطبيق.
تصميم صورة بمقاس 960 بكسل باستخدام Figma وتطبيقها كـ Native Splash Screen في Flutter هو عملية بسيطة وفعالة لتحسين تجربة المستخدم في تطبيقات أندرويد 12 وما فوق. باتباع الخطوات المذكورة أعلاه، يمكنك إنشاء شاشة تحميل جذابة واحترافية تعكس هوية التطبيق بشكل مثالي.
