0

بلاگ

آرشیو مطالب > آموزش Flutter > ساخت اولین پروژه با فریمورک فلاتر Flutter

ساخت اولین پروژه با فریمورک فلاتر Flutter

نوامبر 5, 2018
ارسال شده توسط
آموزش Flutter
9.71k بازدید
ساخت پروژه فلاتر

امروز میخوایم با هم دیگه اولین پروژه اپلیکیشن Flutter خودمون و ایجاد کنیم. برای این کار ابتدا نیاز به اندروید استودیو و یک شبیه ساز اندروید داریم که در این مطلب آموزش نصب اندروید استودیو و قرار دادیم.

بعد از اون ما نیاز داریم تا SDK فریموورک Flutter و دانلود کنیم.برای دانلود SDK به این لینک مراجعه کنید. اما به دلیل تحریم باید IP خودتون و تغییر بدید اگر امکان تغییر IP نداشتید میتونید از این لینک برای دانلود SDK استفاده کنید.

بعد از دانلود فایل فشرده شده و استخراج کنید و در محلی از هارد قرار دهید.

حالا وارد کنترل پنل شوید سپس وارد system شوید. مطابق تصویر از سمت چپ گزینه advanced system settings را انتخاب کنید.

jdk

سپس برروی Environment Variables کلیک کرده

Environment Variables

در قسمت System variables روی Path کلیک کرده و Edit را بزنید سپس در تصویر زیر

System variables

گزینه new را انتخاب کنید و آدرس پوشه bin از داخل SDK که دانلود کردید و قرار دهید.

حالا وارد SDK شوید و روی فایل flutter_console.bat دوبار کلیک کنید تا صفحه ای شبیه cmd برای شما نمایش داده شود, در این صفحه دستور flutter doctor را وارد کنید تا سیستم شما را بررسی کند و مشکلات نصب flutter و اطلاع دهد. بعد از پایان بررسی اگر مشکلی وجود داشته باشد با زدن دوباره این دستور مشکلات رفع میشوند.

اگر از Licenses Android خطا گرفت دستور  flutter doctor –android-licenses را تایپ کنید و در جواب سوالاتی که میپرسد حرف Y را وارد کنید.

آموزش flutter
نصب flutter sdk

وارد اندروید استودیو شوید و از قسمت setting  به قسمت plugin ها بروید سپس گزینه Browse و انتخاب کنید

آموزش Flutter
نصب Flutter

و در صفحه جدید عبارت Flutter و جستجو کنید تا پلاگین مورد نظر نصب شود, سپس نیاز دارید تا اندروید استودیو و ریستارت کنید.

حالا زمان ساختن پروژه جدید گزینه Flutter Project نیز نمایان خواهد شد با انتخاب آن وارد صفحه زیر خواهید شد و گزینه Flutter Application را انتخاب کنید.

اندروید استودیو
Flutter Application

در مرحله بعد محل نصب پروژه و محل نصب SDK دانلود شده را باید وارد کنید.

Flutter Application

صبر کنید تا پروژه ایجاد شود به صورت کامل, سپس به راحتی از طریق گزینه سبز رنگ که مشخص شده است پروژه خود را اجرا کنید.

ساخت پروژه Flutter
ساخت پروژه فلاتر

منتظر باشید تا پروژه شما بروی شبیه ساز اجرا شود.

پروژه فلاتر
دانلود Flutter sdk

اگر مشکلی وجود نداشته باشد صفحه بالا به عنوان پروژه پیش فرض فلاتر اجرا میشود.

در صورتی که با Flutter آشنایی ندارید پیشنهاد میکنم مقاله فلاتر چیست را مطالعه کنید.

اشتراک گذاری:
برچسب ها:

مطالب زیر را حتما مطالعه کنید

9 دیدگاه

به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.

  • بازتاب: شروع کار با فریموورک Flutter | آتیس کد

  • Couldn’t find a compatible version of Flutter with this version of Code.
    این ارور زمانی که پلاگین فلاتر نصب نمیشه توی vscode نشون داده میشه
    مشکل از کجاست چیکار باید کنم
    خواهشا جواب بدین

    پاسخ

  • سلام ، من همه ی این کار هارو به ترتیب انجام دادم ، ولی وقتی میخوام ران بگیرم از پروژه . این خطارو میگیرم ، ورژن اندروید استودیو 3.5.3 .
    Running Gradle task ‘assembleDebug’…

    FAILURE: Build failed with an exception.

    * What went wrong:
    A problem occurred configuring root project ‘android’.
    > Could not resolve all artifacts for configuration ‘:classpath’.
    > Could not find gradle.jar (com.android.tools.build:gradle:3.5.0).

    پاسخ

  • چند جا خوندم و تقریبا خیلی از راه حل هارو امتحان کردم ، چند جا خوندم که ریلیز اخر برای خیلی ها این مشکل رو ایجاد کرده ، به نسخه v1.12.13+hotfix.5-stable داون گرید کردم و مشکل حل شد . ممنون از شما

    پاسخ

  • سلام
    توی ویندوز 8.1 قسمت Path فرق میکنه و بخش new وجود نداره و کلا تو تا input وجود داره میشه یک توضیحی برای ویندوز 8.1 بدین

    پاسخ

  • سلام وقت بخیر ببخشید داخل cmd برای من C:\Users\samin>flutter doctor
    Doctor summary (to see all details, run flutter doctor -v):
    [√] Flutter (Channel stable, v1.12.13+hotfix.5, on Microsoft Windows [Version 10.0.18362.778], locale fa-IR)

    [√] Android toolchain – develop for Android devices (Android SDK version 29.0.3)
    [√] Android Studio (version 3.5)
    [!] Connected device
    ! No devices available

    ! Doctor found issues in 1 category.
    دیواس تیک نمیخوره و داخل برنامه هم دیوایس رو نمیشناسه در حالی که اندروید استودیو رو بخوبی اجرا میکنم ولی داخل فلاتر نمیشه.ممنون اگه بتونید مشکل رو حل کنید.

    پاسخ

دیدگاهتان را بنویسید