Flutter для Linux — простое приложение

Содержание

• Почему Linux нуждается в большем количестве приложений
• Что такое Flutter
• Почему выбирать Flutter для разработки под Linux
• 1. Установка Flutter на вашем компьютере
  • Установка через Snap
  • Ручная установка
  • Установка через Git
• 2. Создание проекта Flutter
• 3. Запуск первого приложения
• Основные концепции Flutter
  • Stateless widgets
  • Stateful widgets
• Настройка приложения
• Упаковка и распространение
• Советы по тестированию и критериям приёмки
• Альтернативы и когда Flutter не подходит
• Чеклисты для ролей
• Краткий глоссарий
• Часто задаваемые вопросы

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

У большинства популярных приложений нет официальных версий для Linux. Это мешает массовому принятию платформы. Меньшая база пользователей означает, что разработчики откладывают выпуск десктопных версий. Но экосистема меняется: кроссплатформенные инструменты упрощают разработку десктопных приложений. Если вы хотите помочь экосистеме и получить практический опыт разработки, Flutter — современный и удобный путь для старта.

Важно: портирование утилит и пользовательских приложений повышает привлекательность Linux для обычных пользователей. Даже простые, производительные приложения меняют восприятие системы.

Что такое Flutter

Flutter — это фреймворк от Google для кроссплатформенной разработки. Он использует язык Dart. Flutter собирает приложение в нативные бинарники для мобильных платформ, веба и десктопа из одной кодовой базы. В отличие от решений, основанных на веб-движках, Flutter рисует интерфейс на собственной «холст»-модели и предоставляет виджеты для пользовательского интерфейса.

Коротко: Flutter даёт единый стек для создания быстрых и компактных приложений на Windows, macOS, Linux, Android и iOS.

Почему выбирать Flutter для разработки под Linux

• Производительность: Flutter компилирует Dart в нативный код, поэтому приложения обычно легче и быстрее, чем Electron-приложения, которые включают собственный движок браузера.
• Поддержка десктопа: Flutter официально поддерживает Linux и часто обновляет средства для интеграции с Gnome/Libadwaita и темами вроде Yaru.
• Простота: один код — много платформ.
• Сообщество и пакеты: набор пакетов и плагинов позволяет работать с нативными возможностями ОС.

Заметка: Canonical публикует пакеты и рекомендации, которые упрощают упаковку Flutter-приложений под Ubuntu, что полезно при публикации в Snap Store.

1. Установка Flutter на вашем компьютере

Ниже описано три основных способа установки Flutter на Linux: через Snap, вручную и через Git. Выберите тот, который удобней для вашего сценария.

Установка Flutter через Snap

Snap доступен в большинстве дистрибутивов на базе Ubuntu и может быть установлен в других системах.

Для Debian/Ubuntu-подобных дистрибутивов:

sudo apt update
sudo apt install snapd

Перезагрузите систему, чтобы корректно применить пути Snaps. Затем установите основной Snap-пакет:

sudo snap install core

Для Fedora или RHEL-подобных систем используйте DNF:

sudo dnf install snapd

Если нужен классический режим snap (полный доступ к файловой системе, как у традиционных пакетов), создайте символьную ссылку:

sudo ln -s /var/lib/snapd/snap /snap

После этого установите Flutter как классический snap:

sudo snap install flutter --classic

Проверьте установку и просмотрите рекомендации по следующему шагу:

flutter doctor -v

Подсказка: команда flutter doctor подскажет, какие дополнительные компоненты нужно установить для разработки под Linux.

Ручная установка Flutter

Если вы не хотите использовать Snap, скачайте стабильный релиз с официального сайта или загрузите архив прямо в терминале. Пример команды для загрузки — замените версию на текущую стабильную:

wget https://storage.googleapis.com/flutter_infra_release/releases/stable/linux/flutter_linux_3.3.2-stable.tar.xz

Распакуйте архив:

tar xf ~/Downloads/flutter_linux_3.3.2-stable.tar.xz

Скопируйте каталог flutter в домашнюю директорию и добавьте бинарник в PATH:

cp -r flutter/ ~
export PATH="$PATH:`pwd`/flutter/bin"

Чтобы сделать путь постоянным, добавьте строку в ваш файл конфигурации оболочки, например в ~/.bashrc или ~/.profile:

export PATH="$PATH:/home/youruser/flutter/bin"

Замените /home/youruser на фактический путь. Затем выполните:

source ~/.bashrc

Проверьте установку:

flutter doctor -v

Установка Flutter через Git

Установка из Git удобна, если вы хотите переключаться между ветками Flutter или регулярно обновлять код.

Установите git при необходимости:

sudo apt update
sudo apt install git

Клонируйте репозиторий:

cd ~
git clone https://github.com/flutter/flutter.git

Чтобы взять стабильную ветку сразу:

git clone https://github.com/flutter/flutter.git -b stable

Добавьте путь в файл конфигурации оболочки:

export PATH="$PATH:/home/youruser/flutter/bin"

Проверьте:

flutter doctor -v

Совет: при работе с системой CI удобно использовать установку через Git и фиксировать commit/тег для воспроизводимости сборок.

2. Создание проекта Flutter

Создание нового проекта — простой шаг. Каждый Flutter-проект имеет уникальный package name (идентификатор приложения). Для корректного идентификатора используйте обратный домен, например com.example.

Пример создания проекта с организацией com.example и именем проекта counter:

flutter create --org com.example counter

Эта команда создаст папку counter с начальной демо-версией приложения. Файл main.dart будет содержать демонстрационное приложение счётчика, которое можно сразу запустить и изменить.

Совет: для рабочих проектов используйте уникальное имя организации и грамотно выбирайте package name, он будет частью идентификаторов при упаковке.

3. Запуск первого приложения

Откройте папку проекта в вашем редакторе кода. Для VS Code одна из команд:

code counter

Откройте встроенный терминал (например, Ctrl+` в VS Code) и запустите приложение для Linux: flutter run -d linux Если всё настроено верно, вы увидите окно с простым приложением, где по нажатию кнопки «+» увеличивается счётчик. ## Основные концепции Flutter Перед тем как править код, разберём ключевые понятия. Откройте counter/lib/main.dart и обратите внимание на стартовую функцию и виджеты. void main() { runApp(const MyApp()); } - main — точка входа приложения. - MyApp — виджет уровня приложения. В Flutter интерфейсы строятся из виджетов. Короткое определение: виджет — это композиционная единица UI, которая либо статична, либо имеет состояние. ### Stateless widgets Stateless виджеты не содержат внутреннего изменяемого состояния. Они описывают часть интерфейса и остаются одинаковыми до тех пор, пока им не передадут другие параметры. Пример MyApp как Stateless: class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: const MyHomePage(title: 'Flutter Demo Home Page'), ); } } ### Stateful widgets Stateful виджеты хранят состояние, которое может меняться со временем и вызывать перерисовку. В демонстрации счётчика MyHomePage — Stateful виджет. Внутри его состояния есть переменная _counter и метод setState для обновления UI. Пример упрощённого Stateful кода из демо: class MyHomePage extends StatefulWidget { const MyHomePage({Key? key, required this.title}) : super(key: key); final String title; @override State createState() => _MyHomePageState(); } class _MyHomePageState extends State { int _counter = 0; void _incrementCounter() { setState(() { _counter++; }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text(widget.title), ), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ const Text( 'You have pushed the button this many times:', ), Text( '$_counter', style: Theme.of(context).textTheme.headline4, ), ], ), ), floatingActionButton: FloatingActionButton( onPressed: _incrementCounter, tooltip: 'Increment', child: const Icon(Icons.add), ), ); } } Пояснение: setState сообщает фреймворку, что состояние изменилось, и он перерисует виджет с новым значением. ## Настройка приложения Вы можете быстро изменить заголовок и тему. Например, изменить заголовок на «Make Tech Easier» можно так: home: const MyHomePage(title: 'Make Tech Easier'), Чтобы сменить цветовую тему, замените primarySwatch: primarySwatch: Colors.green, Для просмотра изменений используйте хот-релоад. В терминале при запущенном приложении нажмите r, и приложение моментально применит правки без полной перезагрузки. Совет: для более глубокой интеграции с Linux используйте пакеты, которые обеспечивают поддержку Libadwaita и системных тем. ## Упаковка и распространение Flutter формирует статически линкованные бинарники на Linux. Основные варианты упаковки: - Snap — официальный и рекомендуемый способ для Ubuntu и совместимых систем. - AppImage — переносимый образ, который запускается на большинстве дистрибутивов. - Flatpak — для окружений с Sandboxing и распространения через Flathub. - Нативные пакеты — .deb для Debian/Ubuntu и .rpm для Fedora/RHEL. Выбор формата зависит от целевой аудитории и требований к распространению. Snap удобен для интеграции с Snap Store. AppImage хорош для разовых релизов без репозиториев. Flatpak подходит, если вы хотите попасть на Flathub. Важно: при упаковке учитывайте зависимости и лицензии — статическая сборка снижает количество внешних зависимостей, но может увеличить размер бинарника. ## Тестирование и Критерии приёмки Критерии приёмки для простого приложения счётчика (минимальный набор): - Приложение запускается на целевой платформе (Linux) без ошибок. - UI корректно отображается и реагирует на клики. - Кнопка увеличения изменяет значение счётчика на 1 при каждом нажатии. - Нет утечек памяти при длительной работе. - Собранные артефакты можно запаковать в выбранный формат (.snap, .AppImage, .deb). Минимальные тесты/Acceptance tests: - Запуск приложения и проверка процесса (есть GUI окно). - Нажатие на кнопку увеличивает счётчик с 0 до 1. - Повторное нажатие доводит счётчик до ожидаемого числа. - Закрытие приложения не вызывает аварийных завершений. ## Альтернативы и когда Flutter не подходит Когда лучше рассмотреть другие технологии: - Electron/Tauri: если у вас уже есть большой код на веб-технологиях (HTML/CSS/JS), перенос на Electron или Tauri может быть быстрее. Electron проще для web-ориентированных приложений, но тяжелее в ресурсах. Tauri даёт маленький размер и гибкость при использовании существующего frontend-кода. - Нативная разработка: когда нужен глубокий доступ к специфичным системным API и максимальная оптимизация, лучше писать нативно на C++/GTK/Glib или использовать Qt. - Игры или высокопроизводительная графика: для игр лучше использовать движки, ориентированные на рендеринг (Unity, Godot, Unreal), хотя Flutter подходит для 2D-игр и простых визуализаций. Контрпример: если приложение зависит от обширной библиотеки JavaScript с многочисленными плагинами браузера, перенос на Flutter может потребовать значительной переработки. ## Ментальные модели и подходы - «Одна логика — много интерфейсов»: храните бизнес-логику отдельно от UI, чтобы переиспользовать код на мобильных и десктопных платформах. - «Минимально работающее приложение»: сначала сделайте простую версию, которая выполняет основную задачу, затем итеративно добавляйте функции. - «Тестируй в целевой среде»: проверяйте UI и пакеты именно на тех дистрибутивах, где вы планируете распространять программу. ## Чеклисты для ролей Разработчик: - Установить Flutter и плагины для редактора. - Создать проект и настроить package name. - Реализовать базовую функциональность и юнит-тесты. - Добавить документацию по сборке. Интегратор/Packager: - Проверить зависимости и размер бинарника. - Выбрать формат упаковки и создать пакет. - Протестировать пакет на целевых дистрибутивах. Тестировщик: - Протестировать сценарии запуска/закрытия. - Проверить ручные сценарии UI. - Выполнить регрессионное тестирование после изменений. ## Примеры команд и шаблоны Шаблон сборки и упаковки в AppImage (упрощённый): # собрать релиз flutter build linux --release # результат: build/linux/x64/release/bundle/ # создайте AppDir структуру и сгенерируйте AppImage (инструменты AppImage не показаны тут) Совет: храните скрипты сборки в папке tools/ в репозитории, чтобы другие участники могли воспроизвести сборку. ## Риск-матрица и смягчение рисков - Проблема: несоответствие тем интерфейса системе. Смягчение: используйте Libadwaita/тематические плагины. - Проблема: большие бинарники. Смягчение: оптимизируйте зависимости, используйте сжатие и контроль сборок. - Проблема: несовместимость пакетов на дистрибутивах. Смягчение: проверяйте на нескольких целевых системах, выбирайте подходящий формат упаковки. ## Тест-кейсы и приёмо-сдаточные критерии - TC1: Приложение запускается и отображает UI. - TC2: Нажатие кнопки увеличивает счётчик на 1. - TC3: Быстрое многократное нажатие не приводит к сбою. - TC4: Сборка релиза проходит без ошибок и создаёт рабочий бинарник. ## Краткий глоссарий - Flutter — фреймворк для кроссплатформенной разработки. - Dart — язык программирования, используемый в Flutter. - Widget — строительный блок интерфейса в Flutter. - Stateless — виджет без состояния. - Stateful — виджет с состоянием, изменяющимся во времени. ## Часто задаваемые вопросы ### Можно ли создавать сайты с помощью Flutter? Да. Flutter поддерживает web. Код можно адаптировать и деплоить как статический сайт на Cloudflare Pages или любую платформу для статического хостинга. ### Можно ли в Flutter запускать системные команды? Да. Для взаимодействия с shell и системными командами можно использовать возможности dart:io, а также нативные плагины. На Linux это часто полезно для вызова утилит и интеграции с системными сервисами. ### Как распространять приложения Flutter для Linux? Часто используют Snap для Ubuntu. Также подходят AppImage, Flatpak, .deb и .rpm. Выбор зависит от целевой аудитории и удобства обновления. — Image credit: Carl Heyerdahl via Unsplash. All screenshots by Hrishikesh Pathak