flutter_mp

Flutter_mp

الهدف من Flutter_mp هو توسيع نطاق Flutter إلى منصة صغيرة تشبه البرامج، وهو إطار عمل ممتاز للغاية لا يمكن تشغيله على Android و iOS فحسب، بل أيضًا على منصة web من خلال Flutter_web إشراك منصة البرنامج الصغيرة وآمل أن يتمكن Flutter_mp من سد هذه الفجوة.

Flutter_mp مستوحاة من أليتا. توفر طريقة المعالجة الديناميكية لمحرك Alita لـ JSX فكرة لإطار عمل واجهة المستخدم التعريفي ليتم تشغيله في البرامج الصغيرة. Flutter_mp هو ممارسة هذه الفكرة على Flutter . ومع ذلك، لا يزال Flutter_mp في مرحلة تجريبية مبكرة جدًا إذا كان منتجك لديه الآن متطلبات متعددة الأطراف للتطبيقات والبرنامج الصغير، في الوقت الحالي، ما زلنا نوصي باستخدام Alita، وهو حل ناضج نسبيًا يعتمد على React Native. .

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

رفرفة	تطبيق WeChat

مقالات ذات صلة

• استكشاف توسيع برنامج Flutter إلى WeChat المصغر

المهام

في الوقت الحالي، نحن ندعم فقط الأدوات الأساسية Center و Column و Container و Expanded و Image.asset و ListView و Row و Text ولا ندعم الأدوات المخصصة حتى الآن، مثل ListView . ويمكن أن يظهر كود Flutter الخاص بك فقط في ملف lib/main.dart . سنقوم بتحسين flutter_mp خطوة بخطوة تقريبًا بالترتيب التالي.

1. البحث عن التعبير المكافئ لتخطيط Flutter ضمن CSS
2. تحسين الحاجيات الأساسية
3. دعم القطعة ذات الحالة
4. دعم الحاجيات المخصصة
5. دورة الحدث/ الحياة
6. صفحات متعددة، دعم التنقل/التوجيه
7. تم تنفيذ الرسوم المتحركة Flutter جزئيًا في البرنامج المصغر (إلى أي مدى يمكن استعادتها؟؟)
8. تحسين أداء البرنامج المصغر
9. تحسين حجم حزمة البرامج الصغيرة
10. آخر

ابدء

في هذه المرحلة، نوصي بتعديل الكود الموجود أسفل البحيرات ضمن Examples وتجربة Flutter_mp .

1. قم بتثبيت أمر flutter_mp

      pub global activate --source git https://github.com/areslabs/flutter_mp.git

2. قم بتشغيل flutter_mp -v للتحقق من تثبيت الأمر بنجاح

3. أضف التبعيات التالية إلى مشروع flutter الخاص بك

      dev_dependencies :
        flutter_mp :
           git :
             url : https://github.com/areslabs/flutter_mp
             path : packages/flutter_mp

4. قم بتنفيذ الأمر flutter_mp -i [flutter目录] -o [目标小程序目录]

5. استخدم WeChat Developer لاستيراد وفتح [目标小程序目录] للعملية 4 .

بهذه الطريقة، سيتم تشغيل تطبيق الرفرفة الخاص بك على تطبيق WeChat الصغير

أمثلة

1. نموذج التخطيط الرسمي للبحيرات، والبرنامج الصغير المترجم المقابل موجود في LakesMP (بالطبع يمكنك تجميعه يدويًا إلى أي دليل تريده).

تغيير السجل

يتوافق هذا المشروع مع اتفاقيات رسائل الالتزام بالنمط الزاوي، ويتم إنشاء سجل التحديث تلقائيًا بواسطة conventional-changelog . للحصول على السجل الكامل، الرجاء النقر فوق CHANGELOG.md.

رخصة

رخصة معهد ماساتشوستس للتكنولوجيا

حقوق الطبع والنشر (ج) مختبرات آريس