Flutter - Підручник 001. Привіт, світ

Hello World, Flutter, Android

Flutter – це свіжий фреймворк від Google для розробки програм для Android та iOS. Мова програмування, що використовується, — Dart (також розроблений Google).

Давайте розберемося із запуском нашої першої програми на Flutter.

Щоб створити нашу першу програму, яка буде працювати під Android, потрібно встановити всі необхідні компоненти. Установка цих компонентів буде проводитись в ОС Ubuntu Linux.

Завантажити флаттер

В офіційній документації спочатку пропонується завантажити Flutter, а потім розпакувати його.

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

Перевірте наявність необхідних компонентів.

Далі пропонують принагідно додати утиліту flutter, щоб можна було запустити діагностику наявності всіх необхідних компонентів у системі.

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. Знайдіть каталог, до якого був поміщений флаттер. Якщо ви дотримувалися інструкцій, шлях повинен виглядати так.
2. Відкрити або створити файл ``$HOME/.bash_profile```
3. Додайте шлях до flutter sdk до цього файлу

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

4. Оновити середовище basht ``source $HOME/.bash_profile```
5. Ви можете перевірити, що шлях додано. ``echo $PATH```

Встановити Android Studio

Оскільки це посібник з налаштування для Linux, ви можете скористатися інсталяцією Android Studio через системні пакети snap . Це справді простіше.

sudo snap install android-studio --classic

Я пропущу налаштування Android Studio за промовчанням, наприклад, налаштування колірної схеми. Оскільки найважливішим моментом є встановлення плагінів для роботи з Dart та Flutter.

Налаштування Android Studio

Знайдіть ці параметри в налаштуваннях File->Settings

Плагін Dart

Плагін Flutter

Прийом ліцензій

Вам потрібно буде запустити flutter foctor --android-licenses , щоб виконати всі ліцензії.

Почати новий проект Flutter

Після цього ви зможете створити проект Flutter Розпочати новий проект Flutter

Вибрати програму Flutter

Вказати Flutter SDK

Вкажіть домен компанії

Після чого буде створено проект Flutter.

Зверніть увагу на структуру проекту. Зовнішні бібліотеки повинні мати всі необхідні компоненти:

1. Дартс пакети
2. Дарт SDK
3. Флаттер для Android

Якщо якийсь із пунктів недоступний, то може знадобитися або переустановка Flutter, або правильне налаштування шляхів у налаштуваннях IDE.

Налаштування Dart

Налаштування 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 на смартфон ви побачите ось таку програму.