Flutter: هل ترغب في أن تكون قادرًا على تجنب أخطاء تحميل الأصول في وقت التشغيل

يمكننا إنشاء تعداد لأسماء الأصول المعروفة ، أو بعضها.

ما زلت حريصًا على تقديم هذا ، لم أكن متأكدًا أبدًا من رأي فريق رفرفة في ذلك. تم تجميد POC الخاص بي منذ أيام بيتا. سأخرج ببعض MVP نظيفًا بدرجة كافية بحيث يمكن أن يكون علاقات عامة. قريبا (TM).

أهلا بكم:

أنا عضو في فريق Fly-Mix من شركة NetEase. لقد طور فريقي أداة تطوير الرفرفة: Flr(Flutter-R) لدعم الميزة التي تريدها.

Flr هي أداة لإدارة موارد الرفرفة ، والتي يمكن أن تساعد مطور الرفرفة في تحديد الأصول تلقائيًا في pubspec.yaml وإنشاء ملف r.g.dart الذي يشبه R.java في Android بعده يغير أصول مشروع الرفرفة. باستخدام r.g.dart ، يمكن لمطور الرفرفة تطبيق الأصل في الكود من خلال الرجوع إلى وظيفة معرف الأصول ، مثل:

import 'package:flutter_r_demo/r.g.dart';

// test_sameName.png
var normalImageWidget = Image(
  width: 200,
  height: 120,
  image: R.image.test_sameName(),
);

// test_sameName.gif
var gifImageWidget = Image(
  image: R.mage.test_sameName_gif(),
);

// test.svg
var svgImageWidget = Image(
  width: 100,
  height: 100,
  image: R.svg.test(width: 100, height: 100),
);

// test.json
var jsonString = await R.text.test_json();

// test.yaml
var yamlString = await R.text.test_yaml();

ملاحظة: نعم ، إنها تمامًا مثل AAPT (أداة تغليف أصول Android) في Android.

حتى الآن ، يدعم Flr ملحق Android Studio Plugin و CLI و VSCode:

1. إصدار البرنامج المساعد Flr Android Studio

   • جيثب: https://github.com/Fly-Mix/flr-as-plugin

   • الصفحة الرئيسية للبرنامج المساعد: https://plugins.jetbrains.com/plugin/13789-flr

   • مثال على استخدام flr-as-plugin:

     

2. إصدار Flr CLI

   • جيثب: https://github.com/Fly-Mix/flr-cli

   • صفحة CLI الرئيسية: https://rubygems.org/gems/flr

   • مثال على استخدام flr-cli:

     

3. إصدار ملحق Flr VSCode

   • جيثب: https://github.com/Fly-Mix/flr-vscode-extension

   • صفحة الامتداد الرئيسية: https://marketplace.visualstudio.com/items؟itemName=LincolnLaw.flr

   • مثال على استخدام امتداد flr-vscode: