مهدیار ارباب زی
مهدیار ارباب زی
خواندن ۲ دقیقه·۲ سال پیش

نحوه استفاده از فلاتر جن (Flutter_gen) پکیج در ویندوز

یکی از بهترین پکیج هایی که میتونید در پروژه های فلاتری خودتون ازش استفاده کنید و سرعت کار خودتون رو خیلی بالا ببرید همین فلاتر جن هستش. حالا چیکار میکنه مثلا...؟
از فلاتر جن برای مدیریت assets های وارد شده به نرم افزارمون استفاده میکنیم. حالا ممکنه براتون سوال پیش بیاد که چرا اصن نیاز به مدیریتشون داریم؟

Flutter Gen
Flutter Gen



قطعا برای همه این مشکل پیش اومده که میخوان از عکسی که وارد پوشه assets خودشون کردن استفاده کنن. خب باید آدرس اون عکس رو داخل ویجت مورد نظر بصورت استرینگ وارد کنن. خیلی وقتا اشتباه تایپی پیش میاد ویا حتی یادمون نیست که مسیر اون عکس توی کدوم فولدر بود.
اینجاس که فلاتر جن وارد میشود...


نحوه راه اندازی فلاتر جن:

  • ترمینال ویندوز خودتون رو باز میکنید و عبارت زیر رو اونجا وارد میکنید و منتظر اتمام فرآیند میشین:
dart pub global activate flutter_gen
  • حالا جوابی که دریافت کردی رو لازم داریم...
Building package executables... (19.3s)
Built flutter_gen:flutter_gen_command.
Installed executable fluttergen.
Warning: Pub installs executables into C:\Users\[user_name]\AppData\Local\Pub\Cache\bin, which is not on your path. You can fix that by adding that directory to your system's "Path" environment variable. A web search for "configure windows path" will show you how.
Activated flutter_gen 5.3.1.
  • اینجا دقت کنید که به شما داره میگه فلاتر جن نصب شد و برای استفاده از اون باید آدرس فایلش رو در Path سیستم خودتون وارد کنید.
  • در این مرحله باید آدرسی که به ما داده شده رو (C:\Users\[user_name]\AppData\Local\Pub\Cache\bin) به environment variables سیستم خودمون بدیم تا بتونیم از طریق ترمینال بهش دسترسی داشته باشیم.


نحوه ورود path به environment variables:

داخل منو استارت عبارت environment variables رو سرچ کنید و گزینه Edit the system Environment Variables رو انتخاب کنید.

حالا داخل تب Advanced گزینه Environment Variables رو انتخاب کنید.

در کادر مربوط به User variables for [user_name] روی Path دابل کلیک کنید و روی گزینه New کلیک کنید، آدرسی که قرار بود به اینجا اضافه کنید رو paste کنید و همه رو OK بزنید و بیاید بیرون.


  • الان وقت این رسیده که پکیج های مورد نیاز رو به فایل pubspec.yaml پروژه خودمون اضافه کنیم:
dev_dependencies:
build_runner
flutter_gen_runner


  • دقت کنید که باید پکیج های مورد نظر رو در زیر مجموعه dev_dependencies وارد کنید.
  • در آخر باید دستور زیر رو داخل ترمینال دایرکتوری پروژه خودتون اجرا کنید:
flutter packages pub run build_runner build


حالا میتونید با مراجعه به فولدر lib/gen فایل های ساخته شده assets پروژه رو ببینید و ازش استفاده کنید.

flutterdartgenerator
شاید از این پست‌ها خوشتان بیاید