Настройка архитектуры GetX для Flutter без утечек памяти

TRUETECH занимается разработкой, поддержкой и обслуживанием мобильных приложений iOS, Android, PWA. Имеем большой опыт и экспертизу для публикации мобильных приложений в популярные маркеты Google Play, App Store, Amazon, AppGallery и другие.

Разработка и поддержка любых видов мобильных приложений:

Информационные и развлекательные мобильные приложения
Новостные приложения, игры, справочники, онлайн-каталоги, погодные, фитнес и здоровье, туристические, образовательные, социальные сети и мессенджеры, квиз, блоги и подкасты, форумы, агрегаторы
Мобильные приложения электронной коммерции
Интернет-магазины, B2B-приложения, маркетплейсы, онлайн-обменники, кэшбэк-сервисы, биржи, дропшиппинг-платформы, программы лояльности, доставка еды и товаров, платежные системы
Мобильные приложения для управления бизнес-процессами
CRM-системы, ERP-системы, управление проектами, инструменты для команды продаж, учет финансов, управление производством, логистика и доставка, управление персоналом, системы мониторинга данных
Мобильные приложения электронных услуг
Доски объявлений, онлайн-школы, онлайн-кинотеатры, платформы предоставления электронных услуг, платформы кешбека, видеохостинги, тематические порталы, платформы онлайн-бронирования и записи, платформы онлайн-торговли

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

Услуги, которые мы предлагаем
Показано 1 из 1Все 1734 услуг
Настройка архитектуры GetX для Flutter без утечек памяти
Средний
от 1 дня до 3 дней
Часто задаваемые вопросы

Наши компетенции:

Этапы разработки

Последние работы

  • image_mobile-applications_feedme_467_0.webp
    Разработка мобильного приложения для компании FEEDME
    858
  • image_mobile-applications_xoomer_471_0.webp
    Разработка мобильного приложения для компании XOOMER
    743
  • image_mobile-applications_rhl_428_0.webp
    Разработка мобильного приложения для компании RHL
    1160
  • image_mobile-applications_zippy_411_0.webp
    Разработка мобильного приложения для компании ZIPPY
    1034
  • image_mobile-applications_affhome_429_0.webp
    Разработка мобильного приложения для компании Affhome
    968
  • image_mobile-applications_flavors_409_0.webp
    Разработка мобильного приложения для компании FLAVORS
    562

Отметим: когда стартап заказывает Flutter-приложение, выбор управления состоянием становится ключевым. GetX обещает минимум кода, но без правильной архитектуры проект рискует утечками памяти и проблемами с масштабированием. В этой статье расскажем, как настроить GetX так, чтобы не тормозить развитие. Например, недавно мы запустили приложение для доставки за 14 дней: профиль пользователя, каталог товаров, корзина с заказом. GetX позволил подключить все три слоя за один день, но без правильной архитектуры проект мог пойти ко дну из-за утечек памяти и проблем с тестированием. Экономия на тестировании при использовании Bindings достигает $2000–3000, а стоимость исправления утечек в крупном проекте может превышать $5000. Получите бесплатный анализ вашего кода, чтобы оценить потенциальную экономию.

Почему GetX подходит для MVP?

GetX позволяет запустить продукт за недели, а не месяцы. Get.to(SecondScreen()) заменяет десятки строк Navigator.push. controller.name.obs и Obx(() => Text(controller.name)) дают реактивность без BuildContext. Для команды из двух разработчиков это снижает порог входа и сокращает количество кода на 30–50% по сравнению с Bloc. Полный цикл разработки MVP с GetX экономит до 40% бюджета по сравнению с Bloc.

class ProfileController extends GetxController {
  final UserRepository _repository;
  ProfileController(this._repository);

  final profile = Rxn<UserProfile>();
  final isLoading = false.obs;
  final error = RxnString();

  @override
  void onInit() {
    super.onInit();
    loadProfile(Get.arguments as String);
  }

  Future<void> loadProfile(String userId) async {
    isLoading.value = true;
    error.value = null;
    try {
      profile.value = await _repository.getProfile(userId);
    } catch (e) {
      error.value = e.toString();
    } finally {
      isLoading.value = false;
    }
  }
}

В виджете Obx(() => ...) подписывается только на использованные .obs-переменные:

Obx(() => controller.isLoading.value
  ? const CircularProgressIndicator()
  : ProfileView(profile: controller.profile.value!),
)

Регистрация зависимостей через Get.lazyPut(() => ProfileController(Get.find())).

Как избежать утечек памяти при использовании GetX?

Главная ловушка — глобальный Get.put(), который не освобождает контроллеры при выходе из экрана. Правильный способ — Bindings.

  1. Определите Bindings для каждого модуля.
  2. Укажите его в маршрутах GetPage.
  3. Внутри dependencies() используйте Get.lazyPut.
  4. Контроллеры автоматически уничтожаются при покидании экрана.
class ProfileBinding extends Bindings {
  @override
  void dependencies() {
    Get.lazyPut(() => UserRepositoryImpl());
    Get.lazyPut(() => ProfileController(Get.find()));
  }
}

GetPage(
  name: Routes.profile,
  page: () => const ProfileScreen(),
  binding: ProfileBinding(),
)

Binding создаёт контроллер при входе на экран и уничтожает при уходе. Это исправляет утечки, которые легко получить с Get.put() без явного управления. Официальная документация GetX предупреждает о проблемах с жизненным циклом — используйте Bindings всегда.

Что входит в настройку GetX-архитектуры

  • Аудит текущего кода на утечки и неоптимальные паттерны.
  • Диаграмма зависимостей и структура папок.
  • Реализация Bindings для всех экранов.
  • Замена глобальных Get.put() на локальные привязки.
  • Юнит-тесты контроллеров с mockito.
  • Документация по архитектуре и обучение команды.
  • Поддержка в течение 2 недель после сдачи.

Сравнение: GetX vs Bloc vs Riverpod

Критерий GetX Bloc Riverpod
Boilerplate Минимальный Средний Низкий
Reactive state .obs Stream AsyncValue
DI included Да Нет Частично (Provider)
Navigation Get.to() Через Navigator 2.0 Через Navigator
Testing complexity Высокая (Service Locator) Средняя Низкая
Learning curve Низкая Средняя Средняя

GetX выигрывает по скорости старта, но для сложных проектов лучше рассмотреть Riverpod — он сочетает простоту с контролем. GetX сокращает объём кода на 30–50% по сравнению с Bloc, что ускоряет MVP-разработку.

Этапы настройки GetX-архитектуры под ключ

Этап Длительность Описание
Анализ 0.5–1 день Аудит существующего кода на утечки и неоптимальные паттерны
Проектирование 0.5 дня Диаграмма зависимостей, структура папок, Bindings
Реализация 1–2 дня Переписывание контроллеров, замена Get.put() на Bindings
Тестирование 0.5–1 день Юнит-тесты с mockito, покрытие контроллеров
Деплой и Doc 0.5 дня Сборка релиза, документация, обучение команды

Результат: архитектура, готовая к масштабированию, без утечек памяти.

Чек-лист перед сдачей архитектуры
  • [ ] Все контроллеры используют Bindings
  • [ ] Нет глобальных Get.put() (кроме синглтонов типа Dio)
  • [ ] Каждый .obs используется в Obx
  • [ ] Навигация обрабатывает App Links (Universal Links)
  • [ ] Написаны тесты на основные сценарии
  • [ ] Документация по структуре и зависимостям

Типичные ошибки при старте с GetX

  • Использование Get.put() в корне приложения — приводит к утечкам. Выход: всегда используйте Bindings.
  • Забыли обернуть виджет в Obx — реактивность не срабатывает без ошибок компиляции. Проверяйте каждое .obs.
  • Глобальные контроллеры, которые не уничтожаются — память растёт до 50 МБ при скролле. Решение: Bindings уничтожают контроллер при уходе с экрана.
  • Навигация через Get.to() без обработки deep link — проблемы при web-сборке. Для web используйте Navigator 2.0.

Сроки настройки

Настройка GetX-архитектуры «с нуля» занимает 1–2 дня. Рефакторинг существующего приложения с устранением утечек — 3–5 дней. Точная оценка зависит от объёма экранов и текущего кода. Наши инженеры имеют более 5 лет опыта с Flutter и реализовали 30+ проектов. Свяжитесь с нами для оценки вашего проекта — мы бесплатно проанализируем код и предложим план работ. Закажите настройку архитектуры GetX для вашего MVP. Получите консультацию по оптимизации вашего Flutter-приложения.

Архитектура мобильных приложений

Приложение собрано в одном ViewController на 2000 строк. Сетевые вызовы, бизнес-логика, обновление UI — всё в одном месте. Добавить новую фичу без регрессии сложно, написать тест невозможно. Это не «плохой код» — это отсутствие архитектуры. И это встречается чаще, чем можно ожидать, даже в production-приложениях с миллионом пользователей.

Мы проектируем архитектуру под ключ: от выбора паттерна до полной структуры проекта с тестами и документацией. За 7–10 дней получаете чистый модульный код, готовый к масштабированию.

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

MVVM: базовый паттерн

Model-View-ViewModel — стандарт для iOS (SwiftUI + Combine/async, UIKit + Combine) и Android (Jetpack ViewModel + StateFlow + Compose). ViewModel содержит состояние UI и бизнес-логику. View только отображает состояние и передаёт намерения пользователя в ViewModel. Model — данные и их источник.

Ключевое правило: ViewModel не знает об UIKit или Android View-классах. Нет импортов UIKit, нет Context-зависимостей (кроме Application context через Hilt). Это гарантирует тестируемость: ViewModel тестируется как чистый Kotlin/Swift-код без Android Instrumented Test.

MVVM закрывает 70% потребностей. Остальные 30% — где нужна строгая изоляция фич, масштабирование команды, сложный flow управления состоянием.

Clean Architecture: когда MVVM недостаточно

Добавляет слои поверх MVVM:

Domain-слой — бизнес-логика, независимая от платформы. UseCase (или Interactor) содержит одно бизнес-правило: GetUserOrdersUseCase, PlaceOrderUseCase. Зависит только от интерфейсов (protocol/interface), не от конкретных реализаций.

Data-слой — реализация репозиториев. OrderRepositoryImpl реализует OrderRepository из domain. Знает про Retrofit, Room, UserDefaults. ViewModel не знает, откуда данные — из сети или кеша.

Presentation-слой — ViewModel + View. Знает о Domain, не знает о Data.

Dependency rule: зависимости направлены только внутрь. Domain не зависит ни от чего. Data и Presentation зависят от Domain.

Presentation → Domain ← Data

Это даёт возможность подменять реализацию: тест использует in-memory репозиторий вместо сетевого, интерфейс остаётся тем же.

Практическая оговорка: Clean Architecture добавляет файлы и слои. Для небольшого приложения это overhead. Оправдан от ~15 фич и при команде 3+ разработчиков.

BLoC для Flutter: предсказуемый поток состояний

BLoC (Business Logic Component) — стандартный паттерн в Flutter-сообществе. Библиотека flutter_bloc реализует его через два типа: Bloc (Event → State) и Cubit (State без Events, только методы).

Bloc обрабатывает Event и эмитирует новый State через on<EventType> хендлеры. Состояние иммутабельно — новый объект на каждое изменение. BlocBuilder перерисовывает только ту часть дерева, где изменился state.

// Event
abstract class CartEvent {}
class AddItemToCart extends CartEvent {
  final String productId;
  AddItemToCart(this.productId);
}

// State
abstract class CartState {}
class CartLoaded extends CartState {
  final List<CartItem> items;
  CartLoaded(this.items);
}

// Bloc
class CartBloc extends Bloc<CartEvent, CartState> {
  CartBloc(this._cartRepository) : super(CartLoaded([])) {
    on<AddItemToCart>(_onAddItem);
  }

  Future<void> _onAddItem(AddItemToCart event, Emitter<CartState> emit) async {
    final current = state as CartLoaded;
    final updated = await _cartRepository.addItem(event.productId);
    emit(CartLoaded(updated));
  }
}

Преимущество BLoC — тестируемость. blocTest из bloc_test пакета позволяет проверить: при таком-то Event, с таким-то начальным State, BLoC должен эмитировать такой-то State. Без UI, без моков для Flutter-фреймворка.

VIPER: для крупных iOS-проектов

VIPER (View, Interactor, Presenter, Entity, Router) — наиболее строгое разделение обязанностей для iOS. Каждый компонент имеет протокол и конкретную реализацию.

  • View — только UI, делегирует всё Presenter
  • Interactor — бизнес-логика, работа с сетью и данными
  • Presenter — посредник между View и Interactor, форматирует данные для View
  • Entity — модели данных (чистые структуры)
  • Router — навигация между модулями

Каждый модуль (экран или фича) — отдельный VIPER-модуль. Это исключает coupling между фичами и позволяет большим командам работать параллельно без конфликтов.

Цена: много файлов, много протоколов. Шаблонный код генерируется через Sourcery или кастомные Xcode-шаблоны. VIPER оправдан для приложений с 10+ разработчиками и 50+ экранами.

TCA (The Composable Architecture)

TCA от Point-Free — более современная альтернатива VIPER для iOS/macOS. Основные концепции: State (иммутабельное состояние фичи), Action (все возможные события), Reducer (State + Action → новый State + Effect), Store (хранит State, обрабатывает Actions).

Scope позволяет composable строить большие фичи из маленьких: родительский Reducer делегирует часть State дочернему. Каждая фича тестируется изолированно через TestStore с точным контролем над Effects.

TCA имеет крутую кривую обучения, но даёт предсказуемость, которую сложно получить другим способом: каждое изменение состояния — явный Action с конкретным источником.

Какой паттерн выбрать под вашу задачу?

Оценим проект за 1 день — подберём архитектуру с учётом размера команды, платформы и планов роста.

Паттерн Платформа Команда Когда выбирать
MVVM iOS, Android, Flutter 1–5 Стартовый стандарт, MVP, небольшие проекты
MVVM + Clean iOS, Android 3–10 Средние проекты, тестируемость критична
BLoC Flutter 2–8 Flutter с предсказуемым state management
VIPER iOS 5–20 Крупные iOS-проекты, модульная архитектура
TCA iOS/macOS 3–15 Строгая тестируемость, Swift Concurrency

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

Что входит в нашу работу

  • Аудит текущей архитектуры (если приложение уже существует) — выявим узкие места и регрессионные зоны.
  • Проектирование модульной структуры с чёткими границами слоёв и правилами зависимостей.
  • Создание каркаса проекта (Scaffold) с внедрением DI, организации папок и настройки линтеров.
  • Написание юнит-тестов для слоя домена и ViewModel — минимум 80% покрытия ключевых use case.
  • Подготовка документации — архитектурные диаграммы, README с правилами модификации кода, инструкция для онбординга новых разработчиков.
  • Передача рабочего репозитория с CI-пайплайном (GitHub Actions / Bitrise), настроенным запуском тестов и статическим анализом.

Всё это входит в стоимость проектирования. Дополнительно — поддержка на этапе внедрения: консультации команды, code review первых pull request.

Что происходит без архитектуры

Типичный сценарий через 18 месяцев без архитектуры: 40% времени разработки уходит на дебаг регрессий. Новый разработчик разбирается в коде неделю перед тем, как сделать первый PR. Тесты не пишутся, «потому что сложно мокировать». Добавление новой фичи требует понимания половины кодовой базы.

Выбор архитектуры на старте — это инвестиция с возвратом через 3–6 месяцев. По нашим данным, правильно спроектированная архитектура с MVVM + Clean даёт в 3 раза меньше регрессий по сравнению с монолитным ViewController. А затраты на её внедрение окупаются за 2–3 спринта.

Согласно рекомендациям Apple по проектированию приложений, разделение ответственности — ключевой фактор устойчивости кода (https://developer.apple.com/library/archive/featuredarticles/ViewControllerPGforiPhoneOS/ImplementingaViewController.html).

Почему стоит доверить архитектуру профессионалам?

Неправильный выбор паттерна на старте ведёт к переписыванию половины кода через год. Мы видели десятки проектов, где попытка сэкономить на архитектуре оборачивалась многомесячным рефакторингом. У нас за плечами 10+ лет коммерческой разработки, опыт работы с приложениями от 1 до 50 разработчиков. Мы помогаем избежать типовых ошибок:

  • Overengineering для простого MVP (назначаем MVVM, а не VIPER).
  • Отсутствие dependency injection — подключаем Hilt/Koin/Dagger уже на старте.
  • Игнорирование тестируемости — закладываем протоколы/интерфейсы с первого коммита.

Оценим ваш проект бесплатно — пришлите описание текущего приложения или идеи, и мы подберём оптимальную архитектуру за 1 день. Пишите в Telegram или на почту — в ответ вы получите архитектурную схему, план внедрения и смету.

Дополнительная таблица: сравнение затрат на внедрение

Паттерн Время проектирования Количество файлов на 1 экран Время написания тестов
MVVM 2–3 дня 5–7 1 день
MVVM + Clean 4–5 дней 10–12 2 дня
BLoC 3–4 дня 6–8 1.5 дня
VIPER 5–7 дней 12–15 2.5 дня
TCA 5–6 дней 8–10 2 дня

Время указано для команды из 2–3 разработчиков. С нашим шаблоном (generator) стартовый каркас готов за 1 день вне зависимости от выбранного паттерна.