جوجل تطلق Flutter 2: الجديد فيه

نشرت: 2021-04-02

أطلقت Google الإصدار 2.0 من Flutter - مجموعة تطوير واجهة مستخدم مفتوحة المصدر تمكّن منشئي التطبيقات من صياغة تطبيقات عبر الأنظمة الأساسية. تسلط الترقية الضوء على حزمة جديدة كاملة من الميزات وإمكانية نقل محسّنة لـ Flutter لدعم التطبيقات على منصات متنوعة.

اليوم ، سوف نستكشف ما يقدمه Flutter 2. اقرأ المدونة حتى النهاية.

Flutter 2: نظرة عامة كاملة

دعم الويب

يعد دعم الويب المتطور من Flutter هو الإعلان الأكثر أهمية في حدث إطلاق Flutter 2 في Flutter Engage. في وقت سابق ، كان أساس الويب يركز بشكل أساسي على المستندات. الآن ، تسهل واجهات برمجة تطبيقات النظام الأساسي الغنية تطوير التطبيقات المتطورة باستخدام واجهات برمجة التطبيقات للطلاء والرسومات ثنائية وثلاثية الأبعاد التي يتم تسريعها بالأجهزة والتخطيط المرن.

يوفر Flutter 2 دعم ويب مستقرًا يقدم نفس التجربة على الويب التي يمكن أن يحصل عليها المرء على الهاتف المحمول. يمكن لخبراء خدمات تطوير تطبيقات الأجهزة المحمولة إنشاء تطبيقات لنظام التشغيل Android و iOS والمتصفح باستخدام نفس التعليمات البرمجية. من الممكن تجميع أكواد Flutter الموجودة المكتوبة بلغة Dart في تجربة ويب ممتازة لأنه مع Flutter 2 ، الويب هو مجرد هدف جهاز آخر لتطبيقك.

يركز الإصدار الجديد على 3 سيناريوهات للتطبيق:

  • تطبيق صفحة واحدة (واس)
  • تطبيق الويب التقدمي (PWA)
  • جلب تطبيقات الأجهزة المحمولة القائمة على Flutter إلى الويب وتقديم نفس التجربة

لا ينتقل Flutter إلى مكافئات HTML لعناصر واجهة المستخدم الخاصة به. بدلاً من ذلك ، يوفر محرك الويب الخاص بـ Flutter خيارًا بين عارضين:

  1. عارض CanvasKit الذي يستخدم WebGL و WebAssembly لتقديم أوامر طلاء Skia إلى لوحة المتصفح
  2. عارض HTML تم تحسينه للتوافق والحجم الواسعين

تم تصميم عرض توضيحي لـ Flutter Plasma أيضًا لعرض سهولة إنشاء تجربة رسومات ويب متطورة باستخدام Dart التي يمكن تشغيلها بسلاسة على الأجهزة المحمولة وسطح المكتب.

أضاف المجتمع أيضًا بعض الميزات الخاصة بالويب مثل الملء التلقائي للنص وبيانات PWA والتحكم في التوجيه وعناوين URL لشريط العناوين.

دعم سطح المكتب

لا يزال في حالة تجريبية ، وقد يتم إصدار الإصدار المستقر في وقت لاحق من هذا العام. ومع ذلك ، دعونا نلقي نظرة على ما تقدمه.

بالنسبة لمتصفحات سطح المكتب ، أضاف المجتمع اختصارات لوحة المفاتيح وأشرطة التمرير التفاعلية ودعم قارئ الشاشة لسهولة الوصول على Chrome OS و Windows و macOS ، وعزز كثافة المحتوى الافتراضية في وضع سطح المكتب.

قامت Google بإجراء العديد من التحسينات - جلب Flutter لسطح المكتب إلى جودة رائعة ، والتأكد من أن تحرير النص يوفر تجربة أصلية على كل نظام أساسي مدعوم ، ودمج الميزات الأساسية مثل النقاط المحورية لتحديد النص ، وما إلى ذلك ، كما أضاف قائمة سياق مضمنة إلى TextField و عناصر واجهة مستخدم TextFormField للغات كوبرتينو وتصميم المواد. تتم إضافة مقابض الإمساك إلى عنصر واجهة ReorderableListView.

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

إصلاح الرفرفة

Flutter Fix عبارة عن مجموعة من الأشياء المختلفة. يحتوي على سطر أوامر حصري لأداة Dart CLI المعروفة باسم Dart Fix. يساعد في البحث عن قائمة واجهات برمجة التطبيقات المهملة وترقية التعليمات البرمجية بهذه. كما يتيح الوصول إلى قائمة الإصلاحات التي يمكن الوصول إليها والمليئة بـ Flutter SDK.

علاوة على ذلك ، يحتوي على مجموعة محدثة من ملحقات Flutter لـ Android Studio IDE و VScode و IntelliJ التي يمكنها تقديم قائمة مماثلة من الحلول التي يمكن الوصول إليها ومساعدة المطورين على تغيير الرموز ببساطة باستخدام الماوس.

قابلية موسعة

يسلط Google الضوء على 3 فرق حديثة تقدم إمكانية نقل Flutter إلى أقصى حد.

أولاً ، ستقدم Microsoft دعمها لـ Flutter. إلى جانب التعاون الأخير لتقديم دعم Windows عالي الجودة في Flutter ، ستساهم Microsoft أيضًا في محرك Flutter الذي يسهل تطوير التطبيقات لأجهزة Android القابلة للطي.

ثانيًا ، تتعاون Canonical مع Google لجلب Flutter إلى سطح المكتب. سيدعم تطوير التطبيقات ونشرها على Linux. تعد شركة Canonical بتقديم تجربة رائعة في العديد من تكوينات الأجهزة.

أخيرًا ، أعلنت شركة Toyota - الشركة الرائدة في مجال تصنيع السيارات - عن تبني بعض الاستراتيجيات الرائدة لتقديم تجربة رقمية من الجيل التالي للسيارات من خلال إنشاء أنظمة معلومات ترفيهية متنوعة تم تمكينها بواسطة Flutter. سعت تويوتا إلى توظيف مطور Flutter بسبب نظام اللمس من فئة الهاتف الذكي Flutter ، والتكرار السريع ، وبيئة العمل للمطورين ، والأداء العالي المتسق. ستسمح واجهات برمجة التطبيقات المدمجة في Flutter لشركة Toyota بتخصيص Flutter وتلبية متطلبات بناء أنظمة المعلومات والترفيه المتطورة.

إضافة إلى التطبيق

يهدف Flutter 2 إلى تقليل عبء العمل على المطورين في أي وكالة تطوير تطبيقات مع ضمان نتائج عالية الجودة. إضافة إلى التطبيق هي ميزة أخرى لتسليط الضوء على هذا الهدف.

يمكن للمطورين إضافة Flutter إلى تطبيق Android أو iOS موجود. تعد ميزة Add-to-App طريقة رائعة لإعادة استخدام رمز Flutter عبر كلا النظامين الأساسيين أثناء تخزين قاعدة البيانات الأصلية الحالية. مع هذا التغيير ، تقترح Google إمكانية دمج محرك Flutter في التطبيقات الأصلية.

فلاتر فوليو

كما ناقشنا بالفعل ، يدعم Flutter الآن 3 أنظمة أساسية - Android و iOS وويب و 3 أنظمة أخرى في الإصدار التجريبي - Windows و Linux و macOS. كيف يمكن إنشاء تطبيق يتغير إلى عدة أشكال (شاشات صغيرة وكبيرة ومتوسطة) والعديد من التعابير (الويب والجوال وسطح المكتب) والعديد من أوضاع الإدخال (لوحة المفاتيح والماوس واللمس)؟

يعطي Flutter Folio إجابة على هذا السؤال.

Flutter Folio هو تطبيق سكرابوكينغ مصمم لإبراز قدرات Flutter لإنشاء تطبيقات تعمل بسلاسة على كل منصة وجهاز: Android و iOS و Mac و Windows و Linux والويب. إنه مثال ممتاز للتطبيق التكيفي ، الذي تم إنشاؤه بالتعاون مع gskinner وفريق Flutter.

Flutter DevTools

يستخدم Flutter DevTools لتصحيح أخطاء تطبيقات Flutter. تم تقديم ميزة جديدة تركز على أي مشكلة حتى قبل بدء تشغيل DevTools وهي قدرة IntelliJ أو Android Studio أو Visual Studio Code على ملاحظة ما إذا كان هناك استثناء وعرض تقديمه في DevTools لبدء عملية التصحيح.

أثناء تشغيل DevTools ، تساعد شارات الخطأ الجديدة الموجودة في علامات التبويب في تعقب المشكلات المختلفة في التطبيق.

في DevTools ، تمت إضافة وظيفة جديدة أخرى تتيح رؤية الصورة بسهولة وبدقة أعلى مما هي عليه. يساعد على تقليل استخدام الذاكرة الزائدة وحجم التطبيق. يمكن للمطورين السماح لعكس الصور كبيرة الحجم في Flutter Inspector بتشغيل هذه الميزة.

أضافت Google أيضًا القدرة على عرض التخطيطات الثابتة. هذا يسمح للمطورين بتصحيح أنواع مختلفة من التخطيطات.

تشمل الميزات الأخرى المتوفرة في Flutter DevTools 2 ما يلي:

  • تمت إعادة تسمية عرض الأداء الآن إلى CPU Profiler. وبالمثل ، تتم إعادة تسمية عرض المخطط الزمني إلى الأداء. تسلط التغييرات الضوء على الوظائف التي يقدمونها.
  • تعد مخططات عرض الذاكرة الجديدة أصغر حجمًا وأسهل في الاستخدام وأسرع. وهو يشتمل على بطاقة جديدة تشرح الأنشطة في وقت محدد.
  • تتم إضافة وظائف البحث والتصفية إلى علامة التبويب التسجيل.
  • يتم تضمين متوسط ​​بيانات FS والعديد من تحسينات قابلية الاستخدام في مخطط إطارات Flutter.
  • يتم تضمين شبكة التوقيت في مخططات اللهب الخاصة بملف تعريف وحدة المعالجة المركزية.
  • تم بدء نموذج Tracklogs حتى يتمكن المطورون من التحقق من سجل التسجيل الإجمالي عند بدء تشغيله.
  • سيتم استدعاء طلبات الشبكة غير الناجحة في ملف تعريف الشبكة للتثبيت الفوري.

إعلانات Google للجوال لـ Flutter

تعلن Google عن الإطلاق التجريبي لإعلانات Google للجوال لـ Flutter. تعمل SDK الجديدة بشكل جيد مع AdMob و AdManager لتقديم أشكال إعلانات مختلفة ، تتضمن إعلانات بانر وإعلانات فيديو أصلي وإعلانات بينية وإعلانات فيديو بمكافأة.

أعلنت Google أيضًا عن تحديثات مختلفة لمكونات Flutter الإضافية لخدمات Firebase الرئيسية مثل Cloud Messaging و Cloud Firestore و Cloud Function و Authentication و Cloud Storage و Crashlytics ودمج المساعدة من أجل سلامة الصوت الفارغة بالإضافة إلى تحديث حزمة المراسلة السحابية.

Dart 2.12.2 تحديث

هذا كشف مهم آخر لـ Google. يدعم Dart 2.12 أمان الصوت الفارغ. لديه القدرة على إزالة أي استثناء مرجعي فارغ. وبهذه الطريقة ، فإنه يضمن في وقت التطوير والتشغيل أن الأنواع يمكن أن تحتوي فقط على قيم فارغة إذا اختارها المطور صراحةً.

يتضمن التحديث أيضًا تطبيقًا متسقًا لـ FFI (واجهة الوظائف الخارجية). يتيح للمطورين استخدام مكتبة dart: ffi لاستدعاء واجهات برمجة تطبيقات C الأصلية.

حان وقت الختام

كما ترى ، يجلب Flutter 2 بعض التغييرات الرائدة في مجال تطوير التطبيقات. يتلاشى الخط الفاصل بين استخدام الويب وتطبيق الهاتف المحمول تدريجياً لصالح تقديم تجربة مستخدم رائعة لمنصات وأجهزة متنوعة. إذا كنت تسعى إلى مواكبة التدفق ، فقد حان الوقت لإنشاء تطبيق باستخدام Flutter 2!