Evgenii Legotckoi
Evgenii Legotckoi06 січня 2019 р. 07:03

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

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

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

Плагін Dart

Плагін Dart

Плагін Flutter

Плагін Flutter

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

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

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

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

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

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

Додаток Flutter

Вказати Flutter SDK

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

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

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

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

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

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

Настройка Dart

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

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

Рекомендуємо хостинг TIMEWEB
Рекомендуємо хостинг TIMEWEB
Стабільний хостинг, на якому розміщується соціальна мережа EVILEG. Для проектів на Django радимо VDS хостинг.

Вам це подобається? Поділіться в соціальних мережах!

Ruslan Polupan
  • 08 січня 2019 р. 07:35

Доброго времени суток. В Андроид разработке новичек, посему будут вовросы.
Делал все по статье. Но получил следующую картину

rust@Leap15:~/Android/Sdk/tools/bin> flutter doctor -v
[✓] Flutter (Channel stable, v1.0.0, on Linux, locale ru_RU.UTF-8)
    • Flutter version 1.0.0 at /home/rust/develop/flutter
    • Framework revision 5391447fae (6 недель назад), 2018-11-29 19:41:26 -0800
    • Engine revision 7375a0f414
    • Dart version 2.1.0 (build 2.1.0-dev.9.4 f9ebf21297)

⣾Error retrieving device properties for ro.product.cpu.abi:
error: insufficient permissions for device
See [http://developer.android.com/tools/device.html] for more information


[!] Android toolchain - develop for Android devices (Android SDK 28.0.3)
    • Android SDK at /home/rust/Android/Sdk
    • Android NDK location not configured (optional; useful for native profiling support)
    • Platform android-28, build-tools 28.0.3
    • Java binary at: /opt/android-studio/jre/bin/java
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1136-b06)
    ✗ Android license status unknown.

[✓] Android Studio (version 3.2)
    • Android Studio at /opt/android-studio
    • Flutter plugin version 31.3.1
    • Dart plugin version 181.5656
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1136-b06)

[✓] Connected device (1 available)
    • 612HKBR8272WZ • 612HKBR8272WZ • android-arm • Android null (API null)

! Doctor found issues in 1 category.

При попытке обновить лицензии выдает следующе

rust@Leap15:~/Android/Sdk/tools/bin> /home/rust/Android/Sdk/tools/bin/sdkmanager --update
Exception in thread "main" java.lang.NoClassDefFoundError: javax/xml/bind/annotation/XmlSchema
        at com.android.repository.api.SchemaModule$SchemaModuleVersion.<init>(SchemaModule.java:156)
        at com.android.repository.api.SchemaModule.<init>(SchemaModule.java:75)
        at com.android.sdklib.repository.AndroidSdkHandler.<clinit>(AndroidSdkHandler.java:81)
        at com.android.sdklib.tool.sdkmanager.SdkManagerCli.main(SdkManagerCli.java:73)
        at com.android.sdklib.tool.sdkmanager.SdkManagerCli.main(SdkManagerCli.java:48)
Caused by: java.lang.ClassNotFoundException: javax.xml.bind.annotation.XmlSchema
        at java.base/jdk.internal.loader.BuiltinClassLoader.loadClass(BuiltinClassLoader.java:582)
        at java.base/jdk.internal.loader.ClassLoaders$AppClassLoader.loadClass(ClassLoaders.java:190)
        at java.base/java.lang.ClassLoader.loadClass(ClassLoader.java:499)
        ... 5 more

Подскажите в какую сторону копать.....

Evgenii Legotckoi
  • 08 січня 2019 р. 07:45

Добрый день!

Саму Android Studio запускали? она должна скачать нужные SDK самостоятельно при первом старте. Либо запустите Android-Studio и посмотрите, что может выдать SDK Manager. То есть сделайте без консольных утилит это.

Я поэтому из snap устанавливал, там уже всё нормально настроено.

Коментарі

Only authorized users can post comments.
Please, Log in or Sign up
AD

C++ - Тест 004. Указатели, Массивы и Циклы

  • Результат:50бали,
  • Рейтинг балів-4
m
  • molni99
  • 26 жовтня 2024 р. 11:37

C++ - Тест 004. Указатели, Массивы и Циклы

  • Результат:80бали,
  • Рейтинг балів4
m
  • molni99
  • 26 жовтня 2024 р. 11:29

C++ - Тест 004. Указатели, Массивы и Циклы

  • Результат:20бали,
  • Рейтинг балів-10
Останні коментарі
ИМ
Игорь Максимов22 листопада 2024 р. 22:51
Django - Підручник 017. Налаштуйте сторінку входу до Django Добрый вечер Евгений! Я сделал себе авторизацию аналогичную вашей, все работает, кроме возврата к предидущей странице. Редеректит всегда на главную, хотя в логах сервера вижу запросы на правильн…
Evgenii Legotckoi
Evgenii Legotckoi01 листопада 2024 р. 00:37
Django - Урок 064. Як написати розширення для Python Markdown Добрый день. Да, можно. Либо через такие же плагины, либо с постобработкой через python библиотеку Beautiful Soup
A
ALO1ZE19 жовтня 2024 р. 18:19
Читалка файлів fb3 на Qt Creator Подскажите как это запустить? Я не шарю в программировании и кодинге. Скачал и установаил Qt, но куча ошибок выдается и не запустить. А очень надо fb3 переконвертировать в html
ИМ
Игорь Максимов05 жовтня 2024 р. 17:51
Django - Урок 064. Як написати розширення для Python Markdown Приветствую Евгений! У меня вопрос. Можно ли вставлять свои классы в разметку редактора markdown? Допустим имея стандартную разметку: <ul> <li></li> <li></l…
d
dblas505 липня 2024 р. 21:02
QML - Урок 016. База даних SQLite та робота з нею в QML Qt Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
Тепер обговоріть на форумі
Evgenii Legotckoi
Evgenii Legotckoi25 червня 2024 р. 01:11
добавить qlineseries в функции Я тут. Работы оень много. Отправил его в бан.
t
tonypeachey115 листопада 2024 р. 17:04
google domain [url=https://google.com/]domain[/url] domain [http://www.example.com link title]
NSProject
NSProject04 червня 2022 р. 13:49
Всё ещё разбираюсь с кешем. В следствии прочтения данной статьи. Я принял для себя решение сделать кеширование свойств менеджера модели LikeDislike. И так как установка evileg_core для меня не была возможна, ибо он писался…
9
9Anonim25 жовтня 2024 р. 19:10
Машина тьюринга // Начальное состояние 0 0, ,<,1 // Переход в состояние 1 при пустом символе 0,0,>,0 // Остаемся в состоянии 0, двигаясь вправо при встрече 0 0,1,>…

Слідкуйте за нами в соціальних мережах