Поиск по сайту:

Как настроить Flutter с помощью Android Studio в Linux


Flutter — это платформа разработки Google, которая позволяет писать кроссплатформенные мобильные приложения с использованием одной кодовой базы. Приложения разрабатываются на Dart, типизированном и объектно-ориентированном языке, который компилируется либо в собственный код, либо в JavaScript. Это означает, что вы можете ориентироваться на Android, iOS, настольные операционные системы и Интернет с помощью одного проекта Flutter.

Flutter поставляется с React-подобной структурой для декларативного определения интерфейсов. Он также поставляется со встроенным Material Design и iOS-подобными компонентами, которые позволяют быстро добавить новый интерфейс. Простота использования для разработчиков еще больше повышается благодаря надежной интеграции с интегрированными средами разработки, инструментами оперативной отладки и библиотеками тестирования.

Популярность Flutter быстро росла за последние несколько лет, поскольку все больше разработчиков соблазнялись его унифицированным подходом. Вот как запустить собственную среду разработки Flutter с помощью Android Studio на компьютере с Linux.

Загрузка Android-студии

Начните с загрузки и установки Android Studio IDE. Android Studio основана на IntelliJ IDEA от JetBrains и является официальной средой разработки для платформы Android. При дополнении плагином Flutter он также обеспечивает первоклассный опыт разработки приложений Flutter.

Перейдите на страницу загрузок и скачайте последнюю версию Studio для Linux. Перед началом загрузки вам будет предложено принять лицензионное соглашение.

Извлеките архив после завершения загрузки. Распакованное дерево каталогов содержит все необходимое для запуска Android Studio — отдельного скрипта установки нет. По этой причине часто лучше извлекать в каталог, который обычно используется для хранения приложений.

tar -xf android-studio-* -C /opt/android-studio
chown -R $USER:$USER /opt/android-studio

Чтобы запустить Android Studio, запустите скрипт studio.sh в каталоге bin. Добавьте этот каталог в свой путь, если вы будете регулярно использовать IDE. В противном случае вам нужно будет указывать полный путь при каждом запуске:

/opt/android-studio/bin/studio.sh &

Амперсанд в конце означает, что вы сможете закрыть свою оболочку и продолжать использовать Android Studio.

Следуйте указаниям мастера настройки при первом запуске, чтобы настроить IDE. Для целей этого руководства вы можете принять значения по умолчанию и создать «Стандартную» установку. Это автоматически загрузит последнюю версию эмулятора Android и инструменты сборки Android. Они пригодятся позже, когда дело дойдет до отладки приложений Flutter.

Когда вы дойдете до экрана «Проверить настройки», подтвердите, что Android Studio собирается установить SDK, JDK, эмулятор, инструменты сборки и инструменты платформы. Если все выглядит хорошо, нажмите кнопку «Далее», чтобы начать загрузку. Это может занять некоторое время в зависимости от качества вашего интернет-соединения. Как только это будет сделано, запустится Android Studio.

Загрузка флаттера

Flutter SDK должен быть добавлен в вашу систему вне Android Studio. Как пользователь Linux, проще всего получить SDK непосредственно из репозитория Git. Вы можете переключаться между версиями, проверяя разные ветки.

Выберите, где найти SDK в вашей системе, затем используйте Git для загрузки последней стабильной версии:

mkdir ~/.flutter-sdk
cd ~/.flutter-sdk
git clone https://github.com/flutter/flutter.git -b stable

Добавьте каталог bin в SDK к вашему пути. Это позволит вам использовать команду flutter в вашем терминале. Запустите flutter сейчас, чтобы завершить настройку SDK. Команда загрузит полные SDK Dart и Flutter, а затем создаст основную утилиту CLI. Это может занять несколько минут.

Затем запустите flutter doctor, чтобы проверить готовность SDK к использованию. Эта команда подтвердит, что у вас установлен Android SDK, чтобы вы могли создавать и развертывать свои приложения Flutter. Если какая-либо из проверок не пройдена, используйте предоставленные URL-адреса для устранения неполадок. Одним из распространенных предупреждений является «Статус лицензии Android неизвестен» — это можно исправить, запустив flutter doctor --android-licenses, чтобы принять условия лицензии SDK.

Как только flutter doctor покажет, что «Flutter» и «Android Toolchain» работают, вы готовы вернуться к Android Studio. Необязательным предварительным шагом является запуск flutter precache, который может ускорить будущие сборки. Это заблаговременно загружает двоичные файлы для конкретной платформы для iOS и Android, сокращая продолжительность компиляции вашей первой сборки.

Добавление поддержки Flutter в Android Studio

Пришло время заставить Flutter работать с Android Studio. На главном экране Android Studio щелкните ссылку «Плагины» в меню слева. Плагин Flutter обычно отображается в верхней части списка рекомендуемых. Попробуйте использовать панель поиска, если вы ее не видите.

Нажмите зеленую кнопку «Установить» рядом с названием плагина. Вам также будет предложено установить плагин Dart. Это добавляет поддержку редактора для языка программирования Dart. Подтвердите приглашение и добавьте оба плагина в Android Studio. Подождите, пока завершится загрузка, затем нажмите зеленую кнопку «Перезапустить IDE», чтобы применить изменения.

Создание флаттер-приложения

Плагин Flutter изменяет домашний экран Android Studio с помощью дополнительной кнопки «Новый проект Flutter». Нажмите сейчас, чтобы запустить свое первое приложение Flutter. Хотя этот ярлык по умолчанию предназначен для работы с Flutter, иногда следующее всплывающее диалоговое окно оказывается не на той вкладке. Убедитесь, что на левой боковой панели выбран «Flutter».

В правой части всплывающего диалогового окна используйте средство выбора файлов, чтобы указать путь Flutter SDK. Это каталог, созданный командой git clone ранее. Вы можете изменить его позже, открыв свой проект, затем перейдя к настройкам Android Studio и выбрав «Языки и платформы» > «Flutter».

Назовите свой проект и выберите место для хранения на следующей странице. Имя проекта должно состоять из буквенно-цифровых символов нижнего регистра и символов подчеркивания. В разделе «Организация» укажите обратное DNS-нотированное пространство имен для вашего приложения, например com.example.myapp.

Обычно вы можете оставить языки Android и iOS по умолчанию Kotlin и Swift соответственно. Они определяют языки, которые вы будете использовать для написания собственных компонентов для конкретной платформы. Вы должны изменить это только в том случае, если вы уже знаете, что вам это нужно.

Наконец, используйте флажок «Платформы», чтобы выбрать операционные системы, на которые вы хотите настроить таргетинг. На данном этапе будут доступны только iOS, Android и Интернет. Windows и macOS не поддерживаются при разработке в Linux. Вы можете включить поддержку рабочего стола Linux, выполнив команду flutter config --enable-linux-desktop в своем терминале и перезапустив Android Studio.

Когда вы закончите настройку своего проекта, нажмите кнопку «Готово», чтобы создать его. Процесс создания может занять несколько секунд, пока Android Studio подготовит проект, загрузит все дополнительные зависимости и проиндексирует исходный код для обнаружения символов кода.

Запуск вашего проекта

В среде IDE откроется README.md. Вы можете найти исходный файл примера приложения Flutter по умолчанию в lib/main.dart. Каталоги android, ios и web в папке вашего проекта хранят специфичное для платформы содержимое, такое как файлы манифеста, значки и конфигурации цепочки инструментов.

Запустите приложение, нажав зеленую кнопку воспроизведения на панели инструментов или используя сочетание клавиш Shift+F10. По умолчанию веб-версия вашего проекта будет запущена в Chrome. Если у вас есть устройство Android, подключите его к компьютеру с включенным режимом отладки USB, чтобы активировать отладку Android Studio на устройстве. Выберите свое устройство в раскрывающемся меню на панели инструментов напротив кнопки воспроизведения.

Чтобы использовать эмулируемое устройство, перейдите в «Инструменты»> «Диспетчер AVD» в верхней строке меню и нажмите «Создать виртуальное устройство» в левом нижнем углу. Следуйте инструкциям, чтобы настроить новое устройство с помощью аппаратных свойств и версии Android.

После завершения процесса ваше устройство должно появиться в раскрывающемся списке на панели инструментов сборки. Теперь вы готовы разработать свое приложение с помощью Android Studio на физическом или эмулированном телефоне Android.

Краткое содержание

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

Выполнение процедуры в правильном порядке приведет к функционированию среды, но не стоит недооценивать влияние, которое могут оказать ваше устройство и сеть. У вас будет несколько гигабайт данных для загрузки и несколько SDK для извлечения и компиляции, что может занять много времени на старом оборудовании или медленном интернет-соединении.

После того, как ваша IDE заработает, документы Flutter станут вашим лучшим справочником для написания вашего приложения и создания производственных сборок. Имейте в виду, что ваш выпуск iOS невозможно скомпилировать в Linux — вам потребуется доступ к Mac либо через физическое оборудование, либо через виртуальную машину, либо через решение для создания CI, размещенное в облаке.