تفاوت Dart، Flutter و FlutterFlow + آموزش کامل فایلهای پیکربندی و main.dart
15 تیر 1404
در دنیای توسعه اپلیکیشنهای موبایل و وب، ابزارهای گوناگونی برای ساخت سریعتر، سادهتر و حرفهایتر اپلیکیشنها وجود دارد. اما اگر در این مسیر نامهایی مثل Dart، Flutter و FlutterFlow به گوشتان خورده باشد، احتمالا این سؤال برایتان پیش آمده که تفاوت اینها در چیست و چگونه با یکدیگر در ارتباطاند؟ در این مقاله از وینگزنوا (WingsNova) با نگاهی دقیق، تفاوتها، کاربردها و ارتباط این سه تکنولوژی کلیدی را بررسی میکنیم.
ما همچنین به سراغ فایلهای مهمی مانند main.dart و فایلهای پیکربندی بومی میرویم که نقش حیاتی در راهاندازی اپلیکیشن دارند، مخصوصا زمانی که از FlutterFlow استفاده میکنید و قصد دارید امکانات حرفهایتر را به پروژه خود اضافه کنید. این مقاله برای شماست، اگر میخواهید هم از سادگی FlutterFlow بهرهمند شوید و هم عمق کنترل فنی Flutter را درک کنید.
دارت (Dart) چیست؟
دارت یک زبان برنامهنویسی مدرن و شیگرا از شرکت گوگل است که برای ساخت اپلیکیشنهای سریع، واکنشگرا (Reactive) و کراسپلتفرم طراحی شده است. این زبان ترکیبی از سادگی زبانهای اسکریپتی مانند جاوااسکریپت و قدرت زبانهای ساختیافته مانند جاوا را ارائه میدهد.
ویژگیهای کلیدی Dart:
- سرعت بالا در اجرا
- سینتکس خوانا و ساده
- پشتیبانی از async/await
- کامپایل به کد native و JavaScript
- کاملا سازگار با Flutter
فلاتر (Flutter) چیست؟
فلاتر یک فریمورک UI از گوگل است که بر پایه Dart توسعه داده شده. این ابزار به توسعهدهندگان اجازه میدهد تا تنها با یک کدبیس، اپلیکیشنهایی زیبا و سریع برای اندروید، iOS، وب و دسکتاپ بسازند.
Flutter از ویجتهایی (Widgets) استفاده میکند که همه چیز — از دکمه تا اسکرولویو — را میتوان سفارشیسازی کرد.
ارتباط میان دارت و فلاتر
فلاتر کاملا به زبان دارت وابسته است. تمام کدهایی که برای ساخت UI و منطق اپلیکیشن نوشته میشوند، به زبان Dart هستند. به عبارت دیگر، Dart مغز فلاتر است؛ فلاتر بدون Dart وجود ندارد.
- هر اپلیکیشن Flutter یک فایل main.dart دارد.
- تمام ویجتها، متدها و توابع با Dart نوشته میشوند.
- حتی موتور رندر Flutter، کد Dart را به کد native تبدیل میکند.
FlutterFlow چیست و چگونه با Dart و Flutter در ارتباط است؟
FlutterFlow یک ابزار طراحی اپلیکیشن با رابط بصری (visual builder) است که خروجی آن کد Flutter و Dart است. شما در FlutterFlow بدون نیاز به کدنویسی پیچیده، اپ میسازید ولی در پشت صحنه، کد Dart تولید میشود.
ارتباط سهگانه:
| ابزار | نقش | وابسته به |
|---|---|---|
| Dart | زبان برنامهنویسی | پایه اصلی فلاتر و فلاترفلو |
| Flutter | فریمورک UI | نوشته شده با دارت |
| FlutterFlow | سازنده بصری اپ | تولیدکننده کد دارت و فلاتر |
فایل main.dart در Flutter و FlutterFlow
در هر اپلیکیشن Flutter، فایل main.dart نقطه شروع برنامه است. این فایل:
- تابع main() را شامل میشود که اجرای برنامه از آنجا آغاز میشود.
- کلاس MyApp یا App را فراخوانی میکند.
- تنظیمات تم، مسیرها، ویجتهای اولیه و راهاندازی SDKها در آن قرار میگیرد.
در FlutterFlow، این فایل تولید میشود ولی برای تغییر آن باید وارد حالت ویرایش دستی (Manual Edit) شوید. اینجا جایی است که شما میتوانید SDKهایی مانند Firebase یا سرویسهای شخص ثالث را اضافه کنید.
نقش فایلهای پیکربندی (Configuration Files)
برای اضافه کردن امکاناتی مانند پرداخت، موقعیت مکانی، دوربین یا نوتیفیکیشنها، باید فایلهای زیر را تنظیم کنید:
- AndroidManifest.xml برای اندروید
- Info.plist و Entitlements.plist برای iOS
- ProGuard برای بهینهسازی و امنیت در اندروید
این فایلها در هر دو Flutter و FlutterFlow وجود دارند ولی نحوه ویرایش آنها در FlutterFlow کمی متفاوت است. در آنجا میتوانید از Snippet یا حالت دستی استفاده کنید.
چگونه فایلهای پیکربندی را در FlutterFlow ویرایش کنیم؟
- Snippet
تکهکدهای آماده که در جای مناسب وارد فایل میشوند. ایمن و سریع هستند. - Manual Edit
ویرایش کل فایل؛ برای سناریوهای پیچیده مثل افزودن SDK بزرگ یا تنظیمات خاص لازم است.
مزایای استفاده از متغیرهای محیطی (Environment Variables)
در FlutterFlow میتوانید به جای نوشتن مستقیم کلیدهای API در فایلها، از متغیرها استفاده کنید:
<meta-data
android:name=”com.mapbox.token”
android:value=”{{mapboxToken}}” />
مزایا:
- امنیت بیشتر
- انعطاف در تغییر محیطها
- جلوگیری از افشای کلیدها
تفاوتهای کلیدی Flutter و FlutterFlow در مدیریت پیکربندی
| ویژگی | Flutter | FlutterFlow |
|---|---|---|
| کنترل فایلها | کامل | محدود ولی قابل افزایش |
| نیاز به دانش برنامهنویسی | بله | نه لزوما |
| پشتیبانی از Snippet | نه | بله |
| مناسب برای MVP سریع | متوسط | عالی |
خلاصه
برای ساخت اپلیکیشنهای قوی، امن و حرفهای در FlutterFlow، آشنایی با دارت و فلاتر ضروری است. دارت قلب Flutter است و Flutter نیز پایه FlutterFlow. اگر بتوانید فایل main.dart و پیکربندیهای بومی را درست مدیریت کنید، محدودیتهای FlutterFlow به قدرت واقعی تبدیل خواهند شد.