Налаштування архітектури GetX для Flutter-додатку

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

Розробка та підтримка будь-яких видів мобільних додатків:

Інформаційні та розважальні мобільні програми
Новинки, ігри, довідники, онлайн-каталоги, погодні, фітнес та здоров'я, туристичні, освітні, соціальні мережі та месенджери, квіз, блоги та подкасти, форуми, агрегатори
Мобільні програми електронної комерції
Інтернет-магазини, B2B-додатки, маркетплейси, онлайн-обмінники, кешбек-сервіси, біржі, дропшиппінг-платформи, програми лояльності, доставка їжі та товарів, платіжні системи
Мобільні програми для управління бізнес-процесами
CRM-системи, ERP-системи, управління проектами, інструменти для команди продажів, облік фінансів, управління виробництвом, логістика та доставка, управління персоналом, системи моніторингу даних
Мобільні програми електронних послуг
Дошки оголошень, онлайн-школи, онлайн-кінотеатри, платформи надання електронних послуг, платформи кешбеку, відеохостинги, тематичні портали, платформи онлайн-бронювання та запису, платформи онлайн-торгівлі

Це лише деякі з типів мобільних додатків, з якими ми працюємо, і кожен із них може мати свої специфічні особливості та функціональність, а також бути адаптованим під конкретні потреби та цілі клієнта.

Послуги, які ми пропонуємо
Показано 1 з 1Усі 1735 послуг
Налаштування архітектури GetX для Flutter-додатку
Середній
від 1 дня до 3 днів
Часті запитання

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

Етапи розробки

Останні роботи

  • image_mobile-applications_feedme_467_0.webp
    Розробка мобільного додатка для компанії FEEDME
    792
  • image_mobile-applications_xoomer_471_0.webp
    Розробка мобільного додатку для компанії XOOMER
    671
  • image_mobile-applications_rhl_428_0.webp
    Розробка мобільного додатку для компанії RHL
    1097
  • image_mobile-applications_zippy_411_0.webp
    Розробка мобільного додатку для компанії ZIPPY
    969
  • image_mobile-applications_affhome_429_0.webp
    Розробка мобільного додатку для компанії Affhome
    914
  • image_mobile-applications_flavors_409_0.webp
    Розробка мобільного додатку для компанії FLAVORS
    495

Налаштування архітектури GetX для Flutter-додатків

GetX — «все в одному» пакет для Flutter: управління станом, навігація, DI, інтернаціоналізація. Його головний аргумент — мінімум коду для отримання робочого результату. Get.to(ProfileScreen()) замість Navigator.of(context).push(...), controller.name.obs замість ValueNotifier. Для команд, яким потрібно швидко запустити продукт, GetX привабливий.

Основні паттерни GetX

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 та його компромиси

GetX зручний при старті, але створює проблеми при масштабуванні. Навігація через Get.to() без контексту обходить Navigator 2.0 — deep links і web-роутинг налаштовуються складніше. Глобальний Get.find<T>() — це Service Locator, який скриває залежності й затруднює тестування. .obs-поля працюють тільки всередину Obx — якщо забути обернути віджет, реактивності нема й помилки компіляції теж нема.

Для проектів із планованим ростом рекомендуємо використовувати GetX тільки для навігації та DI, а управління станом будувати через GetxController з явними методами, не зловживаючи глобальним станом.

Структура з GetX Bindings

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() без явного управління життєвим циклом.

Що налаштовуємо

GetMaterialApp з роутами та Bindings. Структура: controllers/, views/, bindings/, repositories/. Налаштування DI через Bindings для кожного роуту. Зразковий контроллер з тестами (через GetX + mockito).

Терміни

Налаштування GetX-архітектури: 1–2 дні. Рефакторинг з виставленням правильних Bindings та усуненням утечок: 3–5 днів. Вартість — по аналізу.