Evgeny Berezin

Месяц с Flutter: создаем приложение

Обратите внимание, что перевод выполняется с адаптацией для удобного и легкого чтения (т.е. не слово в слово). Термины и слова могут быть опущены и/или заменены.
Оригинал: https://bendyworks.com/blog/a-month-of-flutter-create-the-app.

Начало работы над любым проектом на Flutter включает в себя установку Flutter SDK и выбор среды разработки. Я буду использовать Android Studio с установленными плагинами Flutter и Dart.

Следуй инструкциям, чтобы установить Flutter SDK и настроить эмуляторы Android или iOS.

Когда SDK будет установлен, выполни команду flutter doctor, чтобы убедиться, что все установлено корректно. «Подключенное устройство» может показывать ошибку, если у тебя нет ни одного запущенного эмулятора.

$ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel beta, v0.11.11, on Linux, locale en_US.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!

Время создать базовое приложение. И вот команда для этого: flutter create .

$ flutter create birb
Creating project birb...
  # truncated...
  birb/.metadata (created)
  birb/.gitignore (created)
  birb/README.md (created)
Running "flutter packages get" in birb...                    1.2s
Wrote 64 files.

All done!
[✓] Flutter is fully installed. (Channel beta, v0.11.11, on Linux, locale en_US.UTF-8)
[✓] Android toolchain - develop for Android devices is fully installed. (Android SDK 28.0.3)
[✓] Android Studio is fully installed. (version 3.2)
[✓] Connected device is fully installed. (1 available)

In order to run your application, type:

  $ cd birb
  $ flutter run

Your application code is in birb/lib/main.dart.

Я собираюсь сделать одно маленькое изменение и переименовать папку birb в app. В будущем я планирую добавить Firebase Functions в эту же директорию.

Убедись, что что все в порядке с помощью команды flutter test.

$ flutter test
00:03 +1: All tests passed!

Если ты все еще не настроил эмулятор – самое время сделать это сейчас. Либо, ты можешь подключить свое реальное устройство.

Запусти приложение на Android или iOS эмуляторе, чтобы убедиться, что оно работает. Я буду использовать профиль Pixel 2 с Play Store. Запущенное приложение будет выглядеть примерно так:

Завтра я буду работать над настройкой CI, чтобы быть уверенным, что все тесты проходят.

Изменения в коде:

Публикации в "Месяц с Flutter"

Следующая:

  • будет доступна в ближайшее время

Предыдущая: