مقدمة إلى إطار فلاتر Flutter

إطار فلاتر (Flutter) ، واحد من أطر العمل التي تمكنك من العمل على تطبيقات الأندرويد والآيفون.

ما هو إطار فلاتر (Flutter) وكيف يعمل ؟ ما هي الإيجابيات والسلبيات ؟ ما هو المستقبل أمامه؟

ما هو إطار فلاتر (Flutter)

بشكل عام، يعد تطوير تطبيقات الهاتف المحمول مهمة معقدة وصعبة.
يوجد العديد من الأطر حالياً والتي تعمل لتطوير تطبيقات الهاتف الجوال. يوفر Android إطار عمل أصلياً يعتمد على لغة Java ويوفر iOS إطاراً أصلياً يعتمد على لغة Objective-C / Swift.

ومع ذلك، لتطوير تطبيق يدعم كلا نظامي التشغيل، نحتاج إلى الترميز بلغتين مختلفتين باستخدام إطارين مختلفين.

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

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

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

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

اقرأ أيضاً: ما هي تقنية جام ستاك (JAMstack) ؟

ميزات إطار فلاتر (Flutter)

يوفر إطار عمل Flutter الميزات التالية للمطورين:

• إطار حديث ومتفاعل.
• يستخدم لغة برمجة Dart ومن السهل جدًا تعلمها.
• تطور سريع.
• واجهات مستخدم جميلة وسلسة.
• كتالوج القطعة ضخمة.
• يشغل نفس واجهة المستخدم لأنظمة أساسية متعددة.
• تطبيق عالي الأداء.

إيجابيات إطار فلاتر (Flutter)

يأتي إطار Flutter مزوداً بعناصر واجهة مستخدم جميلة وقابلة للتخصيص للأداء العالي وتطبيقات الهاتف المحمول المتميزة يلبي جميع الاحتياجات والمتطلبات الجمركية.

إلى جانب ذلك، يوفر Flutter العديد من المزايا، منها:

• يحتوي Dart على عدد كبير من حزم البرامج التي تتيح لك توسيع إمكانيات وقدرات تطبيقك.
• يحتاج المطورون إلى كتابة قاعدة رمز واحدة فقط لكلا التطبيقين (أنظمة Android و iOS). قد يتم تمديد Flutter لمنصة أخرى أيضًا في المستقبل.
• يحتاج Flutter إلى اختبارات أقل. نظرًا لقاعدة الشفرة الفردية الخاصة بها، يكفي إذا كتبنا اختبارات آلية مرة واحدة لكلتا النظامين الأساسيين.
• إن بساطة Flutter تجعله مرشحًا جيدًا للتطوير السريع. قدرتها على التخصيص وقابلية التوسع تجعلها أكثر قوة.
• باستخدام Flutter، يتمتع المطورون بالتحكم الكامل في الأدوات وتخطيطها.
• يوفر Flutter أدوات مطور رائعة، مع إعادة تحميل ساخنة مذهلة.

سلبيات إطار فلاتر (Flutter)

على الرغم من مزاياها العديدة، إلا أن إطار Flutter لديه العيوب التالية:

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

اقرأ أيضاً: ماهو نموذج DevOps؟ دليل المبتدئين لفهم DevOps لعام 2020

كيفية تنزيل فلاتر على الويندوز

عملية تثبيت إطار Flutter على الكمبيوتر المحلي ستكون كالأتي:

بدايةً يجب تثبيت Flutter SDK ومتطلباته في نظام windows.

الخطوة #1

• انتقل إلى العنوان التالي https://flutter.dev/docs/get-started/install/windows
• ثم عليك بتنزيل أحدث إصدار من Flutter SDK. سيكون شكل الملف كالتالي (flutter_windows_v1.2.1-stable.zip)

الخطوة #2

• قم بفك ضغط أرشيف zip في مجلد، ليكن C: \ flutter \

الخطوة #3

• قم بتحديث مسار النظام لتضمين فلاتر في دليل.

الخطوة #4

• يوفر Flutter أداة للتحقق من تلبية جميع متطلبات التطوير. (flutter doctor)

الخطوة #5

• سيؤدي تشغيل الأمر أعلاه إلى تحليل النظام وإظهار تقريره كما هو موضح في الأسفل

Doctor summary (to see all details, run flutter doctor -v):
10.0.17134.706], locale en-US)
28.0.3)
[√] Android Studio (version 3.2)
[√] VS Code, 64-bit edition (version 1.29.1)
[!] Connected device
! No devices available
! Doctor found issues in 1 category.

يقول التقرير أن جميع أدوات التطوير متوفرة ولكن الجهاز غير متصل. يمكننا إصلاح ذلك عن طريق توصيل جهاز android عبر USB أو بدء تشغيل محاكي android.

الخطوة #6

• قم بتثبيت أحدث إصدار من Android SDK، في حال ظهور خطأ في الفحص.

الخطوة #7

• قم بتثبيت أحدث إصدار من Android Studio، في حال ظهور خطأ في الفحص.

الخطوة #8

• ابدأ تشغيل محاكي android أو قم بتوصيل جهاز android حقيقي بالنظام.

الخطوة #9

• تثبيت المكون الإضافي Flutter and Dart لـ Android Studio. يوفر نموذجًا لبدء التشغيل لإنشاء تطبيق Flutter جديد. لتشغيل تطبيق Flutter وتصحيحه في استوديو Android نفسه:
  • افتح Android Studio.
  • انقر فوق ملف → إعدادات → المكونات الإضافية.
  • حدد المكون الإضافي Flutter وانقر فوق تثبيت.
  • انقر فوق نعم عندما يُطلب منك تثبيت المكون الإضافي Dart.
  • أعد تشغيل Android studio.

بالنهاية يبقى إطار فلاتر (Flutter)، واحد من أطر العمل التي عليك تجربتها عندما تريد العمل على التطبيقات المشتركة وخصوصاً بعد شعبيته المتصاعدة اليوم.