Flutter - Сабақ 001. Сәлем әлем

Hello World, Flutter, Android

Flutter — Android және iOS үшін қолданбаларды әзірлеуге арналған Google ұсынған жаңа құрылым. Қолданылатын бағдарламалау тілі - Dart (сонымен бірге Google әзірлеген).

Бірінші Flutter қолданбасын іске қосуды қарастырайық.

Android жүйесінде жұмыс істейтін бірінші қосымшамызды жасау үшін біз барлық қажетті құрамдастарды орнатуымыз керек. Бұл компоненттер Ubuntu Linux жүйесінде орнатылады.

Флиттерді жүктеп алыңыз

Ресми құжаттамада алдымен Flutter-тің өзін жүктеп алу, содан кейін оны орамнан шығару ұсынылады.

cd ~/development
tar xf ~/Downloads/flutter_linux_v1.0.0-stable.tar.xz

Алғышарттарды тексеріңіз.

Әрі қарай, олар жүйеде барлық қажетті құрамдастардың болуын диагностикалауды бастау үшін флютер утилитасын жолда қосуды ұсынады.

export PATH=$PATH:`pwd`/flutter/bin

Содан кейін барлық компоненттердің жүйеде бар-жоғын көрсететін flutter doctor қызметтік бағдарламасы іске қосылады.

[-] Android toolchain - develop for Android devices
    • Android SDK at /Users/obiwan/Library/Android/sdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://flutter.io/setup/#android-setup for detailed instructions.

Flutter SDK жолын көрсетіңіз

Ең алдымен, олар Flutter SDK жолдарын көрсетуді ұсынады. Ол үшін сізге қажет:

1. Флаттер орналасқан каталогты табыңыз. Нұсқауларды орындасаңыз, жол келесідей болуы керек.

   /home/user/development/flutter/bin

2. $HOME/.bash_profile

   файлын ашыңыз немесе жасаңыз
3. Осы файлға flutter sdk жолын қосыңыз

   export PATH=$PATH:/home/user/development/flutter/bin

4. $HOME/.bash_profile

   basht ортасын жаңартыңыз
5. Жолдың қосылғанын тексеруге болады.

   echo $PATH

Android Studio бағдарламасын орнатыңыз

Бұл Linux үшін орнату нұсқаулығы болғандықтан, Android Studio орнатуын жүйелік бумалар snap арқылы пайдалануға болады. Бұл шынымен оңай.

sudo snap install android-studio --classic

Түс схемасын орнату сияқты Android Studio қолданбасының әдепкі параметрлерін өткізіп жіберемін. Ең маңызды сәт - Dart және Flutter-пен жұмыс істеуге арналған плагиндерді орнату.

Android Studio параметрлері

Бұл параметрлерді Файл -> Параметрлер ішінен табыңыз.

Dart плагині

Flutter плагині

Лицензияларды қабылдау

Барлық лицензияларды аяқтау үшін флютер факторы --android-licenses қайта іске қосу керек.

Жаңа Flutter жобасын бастаңыз

Содан кейін сіз Flutter жобасын жасай аласыз Жаңа Flutter жобасын бастау

Flutter қолданбасын таңдаңыз

Flutter SDK көрсетіңіз

Компания доменіңізді енгізіңіз

Осыдан кейін Flutter жобасы жасалады.

Жобаның құрылымына назар аударыңыз. Сыртқы кітапханаларда барлық қажетті компоненттер болуы керек:

1. Дартс пакеттері
2. Dart SDK
3. Android үшін Flutter

Элементтердің кез келгені қол жетімді болмаса, Flutter бағдарламасын қайта орнату немесе IDE параметрлерінде жолдарды дұрыс орнату қажет болуы мүмкін.

Параметрлер жолағы

Flutter параметрлері

Android смартфонын қосу

Әрі қарай, қажетті компоненттердегі соңғы қадамды аяқтау үшін смартфонды Android компьютеріне қосыңыз. Сіз, әрине, эмуляторды пайдалана аласыз, бірақ мен жеке құрылғыны қалаймын. Өйткені, бұл жағдайда Android смартфоны қолында болуы керек.

Және бәрі тәртіппен екенін, флютер дәрігері арқылы тексеріңіз.

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.0.0, on Linux, locale C.UTF-8)
[✓] Android toolchain - develop for Android devices (Android SDK 28.0.3)
[✓] Android Studio (version 3.2)
[✓] Connected device (1 available)

• No issues found!

Қорытынды

Смартфонға APK құрастырып, орнатқаннан кейін сіз осы қолданбаны көресіз.