Flutter — это бесплатная технология с открытым исходным кодом от Google, которая позволяет писать приложения для iOS, Android, веб и компьютеров на одном коде. Раньше для каждой платформы приходилось писать отдельное приложение; кроссплатформенные инструменты вроде Flutter выпускают один и тот же код в оба магазина. Для бизнеса это означает более короткие сроки и меньшие затраты.
Коротко:
- Flutter — продукт Google; приложения на нём пишутся на языке Dart, а из одного кода получаются приложения для iOS и Android.
- Главный конкурент — React Native от Meta; обе технологии подходят для большинства бизнес-приложений.
- Нативное приложение пишется отдельно для каждой платформы: максимум возможностей, но два кода и больший бюджет.
- Выбор технологии — решение, которого пользователь не видит, но которое влияет на бюджет, сроки и будущую поддержку.
- Для заказчика важнее названия технологии опыт команды и то, кому принадлежит код.
Что такое Flutter?
Flutter — это фреймворк для написания интерфейса и логики мобильных приложений на одной кодовой базе. Его разрабатывает Google и распространяет бесплатно; первая стабильная версия вышла в декабре 2018 года (Google Developers Blog). Приложения на Flutter пишутся на языке программирования Dart, который тоже создан Google.
«Одна кодовая база» означает, что разработчик пишет экран один раз, и из него получаются и приложение для iPhone, и приложение для Android. Из того же кода можно подготовить и веб-версию, и программы для Windows, macOS, Linux.
На официальной странице примеров Flutter наряду с приложениями Google, такими как Google Pay, Google Ads и Google Classroom, указаны компании BMW, Toyota, eBay, Nubank и Wolt (Flutter).
Что такое само мобильное приложение и из каких частей оно состоит, мы объяснили в статье что такое мобильное приложение.
Как работает Flutter?
Flutter рисует экран сам. В обычном (нативном) приложении кнопки и списки показывает операционная система телефона, а Flutter рисует каждый пиксель собственным графическим движком. У этого два следствия: приложение выглядит одинаково на iPhone и Android, а дизайнер не ограничен стандартными элементами платформы.
Три основные концепции Flutter:
- Widget. Всё на экране собирается из мелких частей: кнопка, текст, изображение, список. Они называются виджетами, и экран строится из них, как из Lego.
- Hot reload. Разработчик меняет код и через секунду-две видит результат на экране. Это повышает скорость работы.
- Компиляция. Готовое приложение превращается в код, понятный процессору телефона, поэтому работает быстро.
Пользователь не замечает, что приложение написано на Flutter: он скачивает его из App Store или Google Play, как обычное приложение.
Кто такой Flutter-разработчик?
Flutter-разработчик — это разработчик, который пишет мобильные приложения на Flutter и языке Dart. Он превращает экраны, подготовленные дизайнером, в код, подключает приложение к серверу, тестирует его и загружает в магазины.
Заказчику важно знать: Flutter-разработчик пишет часть приложения, которая работает на телефоне. Серверная часть (бэкенд), панель управления и дизайн — отдельные задачи, и для них часто нужны отдельные специалисты. Обещание «один разработчик на Flutter сделает всё» выполнимо в небольших проектах, а в сложных рискованно.
Нативное, кроссплатформенное и гибридное приложение: в чём разница?
| Подход | Как создаётся | Технологии | Преимущество | Ограничение |
|---|---|---|---|---|
| Нативный | Отдельный код для каждой платформы | Swift для iOS, Kotlin для Android | Максимальная скорость, первый доступ к новым функциям | Два кода, две команды, более долгий срок |
| Кроссплатформенный | Один код, две платформы | Flutter, React Native | Меньше затрат, одновременный выпуск | Для очень специфических функций — дополнительная нативная работа |
| Гибридный | Сайт помещается в «оболочку» приложения | Capacitor и подобные инструменты | Самый дешёвый, делается веб-командой | Хуже скорость и ощущение от работы, риск отклонения в магазине |
С гибридным подходом будьте осторожны: простая «упаковка» сайта в приложение по правилам App Store может стать причиной отклонения, поскольку приложение должно предлагать функции и интерфейс, отличающиеся от сайта.
Flutter и React Native: в чём разница?
Flutter и React Native делают одно и то же разными путями: обе технологии выпускают из одного кода приложения для двух платформ.
| Критерий | Flutter | React Native |
|---|---|---|
| Кто разрабатывает | Meta | |
| Язык программирования | Dart | JavaScript или TypeScript |
| Как рисуется интерфейс | Собственным графическим движком | Собственными (нативными) элементами платформы |
| Внешний вид | Одинаковый на всех платформах | Ближе к стилю каждой платформы |
| Для веб-команды | Нужно учить новый язык | Знакомый язык для веб-разработчиков |
| Готовые библиотеки | Обширные, много официальных пакетов | Очень обширные, экосистема JavaScript |
| Самая сильная сторона | Индивидуальный интерфейс с анимацией | Совместимость с существующей веб-командой и кодом |
По популярности они очень близки: в последнем опросе Stack Overflow (2024), где обе технологии приведены вместе, 9,4% разработчиков сообщили, что пользуются Flutter, и 8,4% — React Native (Stack Overflow). А на официальной странице примеров React Native указаны приложения Facebook, Instagram, Microsoft Outlook и Teams, Amazon Shopping и Shopify (React Native).
На практике для заказчика разница не в технологии, а в команде. Хорошая команда на Flutter напишет лучшее приложение, чем слабая команда на React Native, и наоборот. Поэтому прежде чем спрашивать «что лучше?», задайте вопрос: «есть ли у команды в магазине живое приложение на этой технологии?»
Каковы преимущества и ограничения Flutter?
Преимущества:
- Один код, две платформы. Изменение пишется один раз и один раз тестируется.
- Одинаковый внешний вид. Приложение на обеих платформах выглядит так, как его нарисовал дизайнер.
- Быстрая разработка. Hot reload и готовые виджеты помогают быстро выпустить первую версию; поэтому Flutter часто выбирают для MVP.
- Сильная поддержка. За ним стоит Google, документация обширна.
- Расширение. Из того же кода можно получить веб-версию и версию для компьютера.
Ограничения:
- Размер приложения. Приложение на Flutter несёт с собой весь код, необходимый для работы, в том числе графический движок (Flutter), поэтому файл обычно немного больше, чем у нативного приложения.
- Новые функции платформы. Когда Apple или Google выпускает новую возможность, нативные приложения получают её первыми.
- Очень специфические функции устройства. В некоторых случаях приходится писать дополнительный модуль на нативном коде.
- Рынок специалистов. Dart не так распространён, как JavaScript; если придётся менять команду, кандидатов может быть меньше.
Когда стоит выбирать нативное приложение?
Нативный подход выбирают, когда ценность приложения связана с глубокими возможностями телефона:
- тяжёлая графика и игры;
- дополненная реальность (AR), сложная работа с камерой и обработка видео;
- тесная работа с умными часами, экраном автомобиля или виджетами домашнего экрана;
- функции, постоянно работающие в фоновом режиме;
- приложения, рассчитанные только на одну платформу и обязанные быть там безупречными.
Есть и промежуточный путь: технология Kotlin Multiplatform от JetBrains позволяет делить логику приложения между платформами и считается стабильной с ноября 2023 года (JetBrains).
Большинство приложений банков, магазинов, бронирования, доставки и лояльности под этот список не подпадают и спокойно создаются кроссплатформенно.
Как выбрать технологию для бизнеса?
Технологию предлагает не заказчик, а команда, но понять это решение — ваша задача. Обычный выбор в зависимости от ситуации таков:
| Ситуация | Обычно подходящий выбор | Почему |
|---|---|---|
| Быстро проверить идею (MVP) | Кроссплатформенный подход | С одним кодом быстро выходит в оба магазина |
| Магазин, бронирование, лояльность, кабинет | Кроссплатформенный подход | Стандартные функции есть в обеих технологиях |
| В компании есть веб-разработчики | React Native | Команда работает на знакомом языке |
| На первом плане индивидуальный дизайн и анимация | Flutter | Полный контроль над внешним видом |
| Игра, AR, сложные функции устройства | Нативный | Максимальная скорость и возможности |
| Простой каталог или кабинет, магазин не важен | PWA | Самый дешёвый, не требует скачивания |
Сравнивая предложения, прежде чем смотреть на название технологии, задайте следующие вопросы:
- Есть ли у вас живое приложение в магазине на этой технологии? Попросите ссылку, скачайте и проверьте.
- Входят ли серверная часть и панель управления в предложение?
- На чьё имя будут оформлены исходный код и аккаунты разработчика? И то и другое должно принадлежать заказчику.
- Кто и на каких условиях будет обновлять приложение, когда iOS и Android выпустят новые версии?
- Сможет ли другая команда продолжить проект? Документация и передача кода должны быть прописаны в договоре.
Как проверить гипотезу на небольшой версии, мы показали в статье что такое MVP, а варианты, создаваемые без написания кода, — в статье как создать мобильное приложение.
Как технология влияет на стоимость приложения?
Технология влияет на цену в двух местах: в первоначальной разработке и в дальнейшей поддержке. Два нативных приложения — это две кодовые базы: каждая функция пишется дважды, тестируется дважды, и каждое обновление выпускается дважды. При кроссплатформенном подходе большая часть этой работы делается один раз.
Но технология — лишь часть цены. Основу бюджета формируют не экраны, а серверная часть, роли, интеграции и панель управления; а они не зависят от выбора между Flutter и нативной разработкой. Расчёт по ступеням мы показали в статье стоимость разработки мобильного приложения.
Как Advertol выбирает технологию?
В Advertol проект приложения начинается не с технологии, а с бизнес-цели: первый шаг — бесплатная стратегическая встреча, на которой определяется, что войдёт в первую версию. Предложение готовится индивидуально после того, как становятся ясны список функций, роли и интеграции; аккаунты разработчика оформляются на имя компании-заказчика.
Ценность приложения — в системе за ним, и опубликованные проекты Advertol показывают именно эту сторону: индивидуальная CRM, созданная для Momento Travel, собирает заявки из трёх каналов в одной панели, а в панели AVA клиенты следят за результатами рекламы в реальном времени. Advertol — агентство, расположенное в Баку: разработка сайтов и мобильных приложений, реклама в Meta и Google, SMM, CRM и AI-автоматизация ведутся одной командой. Порядок работы описан на странице разработка сайтов и приложений.
Часто задаваемые вопросы
Бесплатен ли Flutter?
Да. Flutter — проект с открытым исходным кодом и бесплатный; за его использование Google ничего не платят. Затраты в другом: труд разработчиков, сервер, Apple Developer Program ($99 в год) и аккаунт Google Play ($25 один раз).
Приложение на Flutter медленнее нативного?
В обычных бизнес-приложениях пользователь разницы не замечает: списки, формы, карта и оплата работают без проблем. Разница может проявиться в тяжёлой графике, сложной обработке видео и играх. На скорость влияет не столько технология, сколько качество кода.
Flutter или React Native: что лучше?
Обе технологии зрелые и подходят для большинства бизнес-приложений. Flutter сильнее в индивидуальном дизайне и анимации, а React Native — в компаниях, у которых есть веб-команда. Решающий фактор — опыт команды в этой технологии.
Можно ли делать на Flutter сайты?
Можно, но не любые. Веб-версия Flutter подходит для систем, похожих на приложение, например для панели управления или личного кабинета. Для корпоративного сайта или интернет-магазина, которые должны находиться в Google, обычные веб-технологии дают лучший результат.
Сложно ли учить Flutter?
Для человека с опытом программирования нет: язык Dart прост, официальная документация обширна. Тем, кто начинает с нуля, сначала нужно изучить основы программирования. Владельцу бизнеса учить Flutter не нужно; достаточно знать, что это такое и на что оно влияет.
Если приложение написано на Flutter, можно ли потом перейти на другую технологию?
Можно, но это означает заново написать ту часть приложения, которая работает на телефоне. Серверная часть, база данных и панель управления остаются как есть. Поэтому главная ценность — правильно построенная серверная часть, и важно, чтобы исходный код принадлежал вам.
Итог
Flutter — технология Google, позволяющая писать приложения для iOS и Android на одном коде; основные альтернативы — React Native и нативный подход. Для большинства бизнес-приложений достаточно кроссплатформенного подхода, и он экономит бюджет; нативный выбирают для тяжёлой графики и глубоких функций устройства. Важнее названия технологии живые работы команды, качество серверной части и то, что код принадлежит вам.
Если хотите обсудить, какая технология подойдёт для вашего проекта приложения и каким должен быть объём первой версии, запишитесь на бесплатную стратегическую встречу или напишите команде Advertol.