Flutter ramka uchun qo'llanma 1-bob. Flutterga kirish Flutter nima. O'rnatish

Android Studio'da ilova yaratish

Flutter dasturini ishlab chiqish uchun ko'pincha Android Studio kabi ishlab chiqish muhiti tanlanadi. Kodni oddiy matn muharririda terishimiz va uni konsolda kompilyatsiya qilishimiz mumkin bo'lsa-da, ishlab chiqish muhiti dastur yozish va yaratish jarayonini sezilarli darajada osonlashtiradi. Bundan tashqari, Android Studio nafaqat Android uchun, balki boshqa qo'llab-quvvatlanadigan platformalar uchun ham Flutter ilovalarini yaratishga imkon beradi.

Android Studio bilan ishlash uchun, albatta, avvalo uni o'rnatishingiz kerak. O'rnatuvchini https://developer.android.com/studio saytidan yuklab olish mumkin.

Odatiy bo'lib, Android Studio Flutter-ni qo'llab-quvvatlamaydi, shuning uchun biz tegishli plaginni o'rnatishimiz kerak. Buni amalga oshirish uchun Android Studio-da, boshlang'ich ekranda Plaginlar bandini tanlang (yoki ochiq studiyada Fayl -> Sozlamalar menyusiga o'ting va keyin ochilgan oynada Plaginlar bandini tanlang). Va plaginlar panelida Flutter plaginini toping:

Kerakli plaginni qidirishni soddalashtirish uchun biz qidiruv fondiga "Flutter" so'zini kiritishimiz mumkin va birinchi natija aynan o'rnatilishi kerak bo'lgan natija bo'ladi. Plaginni o'rnatayotganda Dart uchun plaginni o'rnatishni taklif qiluvchi oyna ham paydo bo'ladi. Shuningdek, uni o'rnatish uchun OK tugmasini bosing:

Plaginni o'rnatganingizdan so'ng, Android Studio-ni qayta ishga tushirishingiz kerak bo'ladi.

Qayta ishga tushirgandan so'ng, Android Strudio-ning boshlang'ich ekranida biz Yangi Flutter loyihasi tugmachasini ko'rishimiz mumkin:

Flutter uchun loyiha yaratish uchun ushbu tugmani bosing.

Shu bilan bir qatorda, studiyada loyiha yaratish uchun Fayl -> Yangi -> Yangi Flutter loyihasi menyusiga oʻtishingiz mumkin:

Keyinchalik, biz yangi loyiha yaratish uchun oyna ochamiz. Chap tomonda Flutter elementini tanlang va markazda Flutter SDK yo'li maydonida Flutter SDK ga yo'lni belgilang:

Keyingi oynada biz bir qator loyiha sozlamalarini ko'rsatamiz:

Loyiha nomi maydonida loyihaga nom beramiz. Shunday qilib, mening holimda u hello_app deb ataladi.

Loyihaning joylashuvi maydonida, agar tavsiya etilgan standart joy sizga mos kelmasa, loyihaning joylashuvini o'zgartirishingiz mumkin.

Tavsif maydonida siz loyiha tavsifini belgilashingiz mumkin

Loyiha turi maydoni loyiha turini ko'rsatadi. Odatiy bo'lib, u Ilovaga o'rnatiladi (ya'ni loyiha ilova yaratish uchun mo'ljallangan). Keling, ushbu standartni qoldiramiz.

Tashkilot maydonida siz ilovalar paketi nomini belgilashingiz mumkin. Siz uni sukut bo'yicha qoldirishingiz yoki o'zgartirishingiz mumkin. Misol uchun, mening holatimda bu com.metanit.

Android til maydoni Android uchun tilni belgilaydi. Siz standartni qoldirishingiz mumkin - Kotlin.

iOS til maydoni iOS platformasi uchun tilni belgilaydi. Siz standartni qoldirishingiz mumkin - Swift.

Tashkilot maydonida siz ilovalar paketi nomini belgilashingiz mumkin. Siz uni sukut bo'yicha qoldirishingiz yoki o'zgartirishingiz mumkin. Misol uchun, mening holatimda bu com.metanit.

Platformalar maydonida siz loyiha yaratiladigan platformalarni belgilashingiz mumkin. Odatiy bo'lib, Android va iOS tekshiriladi, lekin siz boshqa mavjud platformalarni ham tanlashingiz mumkin. Shunday qilib, yuqoridagi skrinshotda ko'rib turganingizdek, men veb uchun loyiha yaratish uchun "Veb" bandini ham tanladim.

Va keyin barcha sozlamalarni o'rnatgandan so'ng, to'g'ridan-to'g'ri loyihani yaratish uchun "Finish" tugmasini bosing. Yaratilgandan so'ng darhol Android Studio yaratilgan loyihani ochadi:

Yaratilgan loyiha konsolda flutter create buyrug'i yordamida oldingi mavzuda yaratilgan tuzilishga ega bo'ladi. Asosiy.dart fayli haqiqiy dastur kodini o'z ichiga olgan studiya markazida ochiladi.

Android qurilmasini kompyuteringizga ulang (yoki emulyatorlardan foydalaning) va Android Studio panelida dasturni ishga tushirish uchun yashil o'qni bosing.

Xuddi shunday, Android Studio'da siz boshqa "qurilmalar" ostida, masalan, Internet ostida loyihani ishga tushirishingiz mumkin. Buning uchun asboblar panelida tegishli qurilmani tanlashingiz kifoya: