ما الجديد في Flutter 2: آخر التحديثات

لا بد أنك سمعت أن Flutter قد أصدرت تحديثها الثاني الأسبوع الماضي (3 مارس 2021). كما تدعي الشركة نفسها ، هذا الإصدار هو جهد مجتمعي واسع النطاق ، لذلك يمكنك أن تتوقع بعض الوظائف المثيرة الموجهة للمطورين .

تمتلئ Flutter 2.0 بإمكانيات جديدة وتجارب محسّنة مع الميزات الجديدة والحالية. دعنا إلى الشاي!

سنبدأ بالوظائف الجديدة تمامًا ، ونغطي بعضًا من التحديثات اللذيذة لميزات Flutter الحالية ، وننظر أخيرًا في بعض خطط العلامات التجارية الخاصة بالتحديث.

تطبيقات الويب المستقرة

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

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

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

ما يهم أكثر

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

يركز التحديث الأخير بشكل أساسي على ثلاثة سيناريوهات محتملة للتطبيق:

• PWAs - تطبيقات الويب التقدمية التي تجمع بين أفضل ما في الجوال والويب ؛
• SPA - تطبيقات من صفحة واحدة لا تتطلب إعادة تحميل الصفحة أثناء الاستخدام ؛
• من الجوال إلى الويب - يمكن الآن ترجمة التطبيقات الجاهزة المكتوبة في Flutter بسهولة إلى الويب

ماذا في الصندوق؟

جديد وأفضل ، يحتوي Flutter 2.0 على حشوة اللحم أسفل ما يبدو أنه إطار بسيط وبديهي. عندما يتعلق الأمر بتطبيقات الويب ، فإن اثنين من أهم الجوانب التقنية هما:

• دقة التقديم : من المتوقع أن يؤدي العارض الجديد المستند إلى CanvasKit إلى تحسين الأداء بشكل كبير ودعم عارض HTML الحالي.
• الميزات الخاصة بالويب : عناوين URL المخصصة وأدوات الارتباط وقياسات النص المستندة إلى لوحة الرسم والملء التلقائي ليست سوى بعض الحلول المتاحة الآن على Flutter. يمكنك معرفة المزيد حول جميع الوظائف الجديدة في منشور مدونة دعم الويب Flutter.

هناك المزيد لنتطلع إليه في تطبيقات الويب Flutter

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

• نقص الحلول المتعلقة بتحسين محركات البحث . عندما تفكر في "الويب" ، فإن أول ما يخطر ببالك هو تحسين Google ومحرك البحث. يعرفه WordPress وقد استثمر الكثير من الجهد في إتقان المكون الإضافي Yoast الخاص به. لا يقدم Flutter 2 أي ميزات من شأنها تسهيل تحسين محركات البحث ، ناهيك عن تمكينها .
  
• وقت التحميل الأولي لصفحة الويب . عندما يتعلق الأمر بالوقت الذي يستغرقه تحميل صفحة ويب ، فمن الواضح أنه كلما كان ذلك أسرع ، كان ذلك أفضل. يخبرنا كل من معدل ارتداد العملاء ( Forbes ) وتفضيلات تحسين محركات البحث (SEO) من Google ( SEMRush ) أن ثانية واحدة أو أقل هي سرعة تحميل مفضلة. ومع ذلك ، نظرًا لأن Flutter web يتطلب تشغيل محرك Flutter بالكامل قبل أن يتمكن من تحميل تطبيق الويب الخاص بك ، فإنه يميل إلى أن يصبح أبطأ ويزداد عدد الزيارات.

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

الإصدار المبكر: دعم سطح المكتب

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

ميزات سطح المكتب الرئيسية Flutter

كما يسلط Chris Sells من Flutter ، فإن الهدف الرئيسي لهذه "اللقطة التجريبية" هو "التأكد من أن تحرير النص يعمل مثل التجربة الأصلية على كل من الأنظمة الأساسية المدعومة" ( متوسط ). أصبح هذا ممكنًا من خلال الميزات الأساسية مثل تحديد النص المحوري أو عناصر واجهة مستخدم TextField .

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

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

Flutter Folio: تطبيقات النظام الأساسي التكيفية

للتأكد من أن تطبيقًا واحدًا مدمجًا في Flutter سوف يتكيف بشكل جيد مع جميع المنصات الستة التي من المحتمل أن يخططوا لتغطيتها (مثل iOS و Android والويب و Windows و macOS و Linux) ، وصل تطبيق scrapbooking - Flutter Folio -.

إنه مثال لتطبيق يبدو جيدًا على الشاشات من جميع الأحجام ، ويعزز اللمس ولوحة المفاتيح وإدخال الماوس ، ويعرف تمامًا كيفية التكيف مع تفاصيل كل نظام أساسي. الكود المصدري لـ Folio متاح الآن على GitHub.

إعلانات Google للجوال: Beta

إصدار تجريبي آخر سيجعل المسوقين الرقميين متحمسين! Google Mobile Ads SDK for Flutter عبارة عن مكون إضافي جديد مخصص للإعلانات المتراكبة والبانر والإعلانات الأصلية لأجهزة الجوال. إن دعمها الموحد لـ Ad Manager و Admob يجعلها متعددة الاستخدامات للمعلنين ، بغض النظر عن الناشر.

تحسين وظائف Flutter الموجودة

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

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

قم ببناء حل قاتل متعدد المنصات باستخدام Flutter

يتعلم أكثر

المزيد من الميزات لنظام iOS

الإعلان الأكثر أهمية هو أنه بعد العديد من الطلبات ، أضاف Flutter أخيرًا إمكانية إنشاء IPA مباشرة من سطر الأوامر دون الحاجة إلى الاعتماد على Xcode. علاوة على ذلك ، تم تحديث تطبيق لغة تصميم Cupertino ببعض واجهة المستخدم الحديثة (مثل وحدة تحكم البحث في iOS).

أدوات Flutter الجديدة

يحتوي هذا الإصدار على أداتين جديدتين: AutocompleteCore و ScaffoldMessenger. الأول يفعل بالضبط ما تتوقعه ، ويبسط عملية الترميز بوظيفة الإكمال التلقائي التي طال انتظارها. إن ScaffoldMessenger مخصص للمشكلات المتعلقة بـ SnackBar .

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

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

تسمح ميزة Add-to-App للمطورين بإعادة استخدام التعليمات البرمجية الخاصة بهم عبر منصات متنقلة مختلفة. ومع ذلك ، والأهم من ذلك ، تتيح ميزة Add-to-App إمكانية إضافة رمز Flutter بسهولة إلى التطبيقات الأصلية الحالية ، مما يسمح للمطورين بإعادة استخدام التعليمات البرمجية الخاصة بهم عبر الأنظمة الأساسية للجوّال المختلفة. يستخدم Flutter 2 واجهات برمجة تطبيقات جديدة لتقليل تكاليف الذاكرة الثابتة إلى cerca 180 كيلو بايت لكل مثيل.

تحديثات النظام البيئي

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

يتضمن ذلك المكونات الإضافية الأكثر شيوعًا مثل Core و Authentication و Cloud Firestore وغيرها ، بالإضافة إلى مكونات Flutter Plus التي أنشأها المجتمع. يمكنك الاطلاع على القائمة الكاملة المحدثة لمكونات Firebase الرسمية لـ Flutter هنا ولا تتردد في التحقق من مجتمع Flutter بالإضافة إلى المكونات الإضافية هنا.

تتفاعل الصناعة مع إصدار Flutter 2.0

لا يظهر Flutter 2 فقط كإطار عمل أكثر خبرة ومتعدد الأغراض ، في أقل من أسبوع منذ إعلانه ، ولكن بعض الشركات العالمية الكبيرة قررت بالفعل الالتزام به على المدى الطويل!

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

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

ماذا يعني Flutter 2؟

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

إذا كنت لا تزال غير متأكد مما إذا كان Flutter أفضل من Kotlin Multiplatform (KMM) ، أو إذا كان لديه فرصة في مقارنة Flutter vs React Native - يجب على Flutter 2 تبديد أي شكوك. وإذا كنت تخشى أن يكون إطار العمل لا يزال أصغر من أن يكون له أساس قوي - ثق في شركة تطوير Flutter التي كانت موجودة عندما بدأ كل شيء.

اعمل مع M Liquido واستفد من الإمكانات الكاملة لـ Flutter 2.0!