|
Android Studio dasturini o’rnatish
Android Studio-ni yuklab oling
Android Studio dasturini ishga tushiring va "Android Studio Setup Wizard" orqali o'ting. Bu Android uchun ishlab chiqishda Flutter tomonidan talab qilinadigan so'nggi Android SDK, Android SDK buyruq qatori vositalari va Android SDK Build-Tools-ni o'rnatadi. Dasturiy ta'minotni yuklab olib, keyin yana boshqa narsalarni yuklab olishingiz kerakligi g'alati, ammo bu faqat bir marta.
Endi Android Studio-ni oching va quyida keltirilgan ekranni ko'rasiz. Configure >> Settings tugmasini bosing
Rasm 2.1.4 – Android Studio
“Browse repositories” ni bosing
Rasm 2.1.5 – Android Studio browse repositories
“flutter” deb yozing va “install” ni bosing
Rasm 2.1.6 –flutter plugin
“Yes” ni bosing va pluginlar yuklanishini kuting
Rasm 2.1.7 - installing flutter plugin
Pluginlarni faollashtirish uchun “Restart Android Studio” ni bosing
Rasm 2.1.8 – restart Android Studio
Endi yangi proyekt yaratishga o’tamiz. Buning uchun “Create New Flutter Project” bosiladi.
Rasm 2.1.9 – Android Studio create new project
Ochilgan oynadan “Flutter Application” tanlanadi.
Rasm 2.1.10 – Process of creating new project in Android Studio
Next tugmasi bosilgandan so’ng Proyektning fayllari parametrlari kiritish boshlanadi.
Rasm 2.1.11 – Process of creating new project in Android Studio
– Project name – yaratadigan proyektimizning nomi;
– Flutter SDK path – Flutter SDK linki;
– Project location – proyektni saqlash joyi;
– Description – dasturga qisqacha tavsif.
“ Package name “ ni o’rnatish.
“ Package name” – bu paket nomi, ya’ni dastur komponentalaridan keyinchalik boshqa dasturda ham foydalanish imkonini yaratadi. Ma’qul “ paket nomi “ ni o’rnatamiz va Finish tugmasini bosib dastur yaratishning boshlang’ich qismini yakunlaymiz va Android Studio oynasiga o’tamiz.
Rasm 2.1.12 – Finish of creating new project in Android Studio
Android Studio oynasi ikki qismdan iborat bo’lib, chapdagi oynada bizga kerakli fayllar joylashgan. Ular daraxtsimon ko’rinishga ega.
Rasm 2.1.13 – part of project
lib papkasida biz yozgan barcha kodlar joylashgan :
Rasm 2.1.14 – directory of lib
assets papkasida biz dasturda foydalanadigan barcha ma’lumotlar: rasmlar, ikonkalar va boshqalar joylashgan:
Rasm 2.1.15 – directory of assets
pubspec.yaml faylida esa dasturda foydalaniladigan barcha kutubxonalar e’lon qilinadi
Android Studio ning ikkinchi ya’ni o’ng tomoni esa bizga kodlar,fayllar va boshqa ma’lumotlarni ko’rish uchun xizmat qiladi:
Rasm 2.1.16 – project in Android Studio
II.2. “World Countries” dasturini yaratish jarayoni
“World Countries” dasturini yaratishda bizga quyidagi bilimlar kerak bo’ladi:
1. Dart dasturlash tilida ishlash bo’yicha ko’nikmalar
2. Flutterda ma’lumotlar ombori va gson fayllar bilan ishlash
3. Flutterda animatsiya bilan ishlash(animation)
4. Flutterda provider kutubxonasi bilan ishlash( for search in realtime)
Rasm 2.2.1 - logo of Dart
D art - har qanday platformada tezkor dasturlarni ishlab chiqish uchun mijozlar uchun optimallashtirilgan til. Uning maqsadi dastur platformalari uchun moslashuvchan ijro etiladigan ish vaqti platformasi bilan birgalikda ko'p platformali ishlab chiqish uchun eng samarali dasturlash tilini taklif qilishdir .
Tillar ularning texnik konvertlari bilan belgilanadi - taraqqiyot davomida tilning imkoniyatlari va kuchli tomonlarini shakllantiradigan tanlovlar. Dart, ayniqsa, mijozlarning rivojlanishiga mos keladigan, har xil rivojlanish (sub-soniya holatida issiq qayta yuklash) va yuqori sifatli ishlab chiqarish tajribalarini har xil kompilyatsiya maqsadlari (veb, mobil va ish stoli) ustuvor yo'naltirilgan texnik konvert uchun mo'ljallangan.
Dart, shuningdek, Flutter asosini tashkil etadi . Dart Flutter dasturlarini quvvatlaydigan til va ish vaqtlarini taqdim etadi, ammo Dart shuningdek kodlash, tahlil qilish va sinovdan o'tkazish kabi ko'plab asosiy ishlab chiquvchilar vazifalarini qo'llab-quvvatlaydi.
Android Studioda yangi proyekt yaratgandan so’ng, dasturni ishlab chiqish jarayonini boshlaymiz. Birinchi navbatda pubspec.yaml fayliga kerakli kutubxonalarni yuklaymiz:
name: world_countries_app
description: A new Flutter application.
publish_to: 'none' # Remove this line if you wish to publish to pub.dev
version: 1.0.0+1
environment:
sdk: ">=2.7.0 <3.0.0"
dependencies:
flutter:
sdk: flutter
flutter_html: ^0.11.1
webview_flutter: ^2.0.4
cupertino_icons: ^1.0.2
flutter_launcher_icons: ^0.9.0
flutter_svg: ^0.21.0+1 #help us to use SVG in our app
provider: ^4.3.3 #for State management
country_list_pick: ^1.0.0+3
dev_dependencies:
flutter_test:
sdk: flutter
flutter_icons:
image_path: "icon/icon.png"
android: true
ios: true
flutter:
uses-material-design: true
assets:
- assets/
- assets/countries/
- assets/icons/
- assets/icon/
- assets/images/
- assets/description_html/
Do'stlaringiz bilan baham: | 
