Flutter - Урок 001. Hello world

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. Найдите каталог, в который был помещен флаттер. Если вы следовали инструкциям, путь должен выглядеть так.

   /home/user/development/flutter/bin

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 Plugin

Flutter Plugin

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

Вам нужно будет снова запустить flutter foctor --android-licenses , чтобы выполнить все лицензии.

Начать новый проект Flutter

После этого вы сможете создать проект Flutter Начать новый проект Flutter

Выбрать приложение Flutter

Указать Flutter SDK

Укажите домен компании

После чего будет создан проект Flutter.

Обратите внимание на структуру проекта. Внешние библиотеки должны иметь все необходимые компоненты:

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

Если какой-то из пунктов недоступен, то может потребоваться либо переустановка 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 на смартфон вы увидите вот такое приложение.