Что такое Flutter

Изучаем фреймворк Flutter с разработчиками компании DST Global и создаем кроссплатформенное приложение под iOS и Android, используя единый исходный код, сформированный в редакторе VS Code.

С тех пор как iOS и Android стали самыми популярными мобильными операционными системами, создание кроссплатформенных приложений стало одной из главных целей разработчиков. Средства разработки, которые позволяют создавать приложения, работающие и на iOS, и на Android, значительно экономят время и усилия программистов.

За последнее десятилетие было выпущено несколько средств кроссплатформенной разработки: компания Adobe представила веб-сервис PhoneGap, Microsoft – фреймворк Xamarin, Facebook – пакет React Native. У каждого из этих решений есть свои преимущества и недостатки, и они используются в мобильной индустрии с разной степенью успешности.

Самая свежая на сегодняшний день кроссплатформенная среда разработки – фреймворк Flutter, созданный компанией Google. Этот пакет обеспечивает ускорение процесса разработки, быстрый рендеринг графики, уникальный дизайн интерфейса и нативную скорость работы на двух наиболее популярных мобильных платформах.

Введение в концепцию Flutter

Приложения, создаваемые с помощью фреймворка Flutter. используют язык программирования Dart, созданный и поддерживаемый корпорацией Google. Dart отвечает стандартам ECMA, во многом похож на языки Kotlin и Swift, а также может быть скомпилирован в JavaScript- код.

Будучи кроссплатформенным фреймворком, Flutter имеет очень много общего со средой разработки React Native и позволяет использовать реактивный и декларативный стиль программирования. Однако в отличие от React Native, Flutter не нуждается в мосте для взаимодействия с Javascript, что ускоряет запуск приложений и увеличивает их производительность. Язык программирования Dart вместо Javascript-моста использует технологию AOT – компиляцию перед исполнением.

Другая уникальная черта языка программирования Dart – использование JIT-компиляции, в ходе которой промежуточный код компилируется напрямую в бинарный во время его выполнения. Эта концепция позволяет выполнять горячую перезагрузку для мгновенного обновления интерфейса – без необходимости создания новой сборки.

Как вам станет очевидно из этого руководства, фреймворк Flutter построен на идее использования виджетов. Здесь виджеты применяются не только в качестве отдельных элементов интерфейса – они могут представлять собой целые экраны и даже самостоятельные приложения.

Помимо разработки кроссплатформенных приложений для iOS и Android, изучение фреймворка Flutter позволит вам изучить особенности Fuchsia – экспериментальной операционной системы, разрабатываемой корпорацией Google.

Для разработки приложения вы можете использовать симулятор iOS, эмулятор Android, или и то и другое сразу. Во время создания приложения вы научитесь выполнять следующие действия:

настраивать среду разработки;

создавать новые проекты;

выполнять горячую перезагрузку;

импортировать файлы и пакеты;

использовать готовые виджеты и создавать собственные;

выполнять сетевые вызовы;

отображать элементы в списке;

добавлять тему оформления приложения.

Приступаем к работе

Фреймворк Flutter устанавливается на Windows, macOS и Linux. Писать код для Flutter можно в любом редакторе, однако специальные плагины для сред разработки IntelliJ IDEA, Android Studio и Visual Studio Code значительно упрощают работу. Мы воспользуемся редактором VS Code.

Настройка среды разработки

Инструкцию по установке и настройке фреймворка Flutter можно изучить здесь. Некоторые этапы для различных операционных систем отличаются друг от друга, но в целом этот процесс выглядит следующим образом:

Скачайте установочный пакет, соответствующий вашей операционной системе.

Извлеките установочные файлы в нужную папку.

Добавьте путь к директории Flutter в переменную среды PATH.

Выполните команду flutter doctor, которая устанавливает фреймворк, интерпретатор Dart, а также уведомляет об отсутствии необходимых системных компонентов.

Установите отсутствующие компоненты.

Добавьте в свою интегрированную среду разработки плагин или расширение для Flutter.

Проверьте работоспособность среды разработки запуском тестового приложения.

Инструкция на официальном сайте Flutter очень подробная и позволяет с легкостью установить этот фреймворк на любую платформу. Это руководство предполагает, что вы установили плагин для Flutter в редактор VS Code, а также все недостающие системные компоненты, указанные flutter doctor.

Если вы используете среду разработки Android Studio, у вас не должно возникнуть затруднений при прохождении этого руководства. Вам также понадобится запустить симулятор iOS, или эмулятор Android, либо использовать мобильное устройство с операционной системой iOS или Android.

Заключение

Если вы все еще не можете выбрать фреймворк, то обратитесь к опытным разработчикам компании DST Global (dstglobal.ru), которые помогут с определением требований, планированием, разработкой и развертыванием проекта.

Специалисты веб-студии DST Global использует набор собственных технологий, основанных на 15-летнем опыте создания сложных проектов, в том числе и торговых сайтов с большой посещаемостью. В качестве фреймворка управления содержимым (Content Management Framework) веб-студия использует DST Platform. Система позволяет в короткие сроки и с значительной экономией бюджета создавать продукты высокого качества.

DST Global создает сайты и мобильные приложения под конкретные цели и задачи заказчика. Студия предоставляет гарантию на созданные ресурсы и обеспечивает техническую поддержку.