GetX: kernconcepten, navigatie en DI in Flutter

Wat is GetX?

GetX — een all-in-one micro-framework voor Flutter dat drie hoofdtaken van ontwikkeling oplost: state management, routing en dependency injection (DI). GetX vereist geen Stream, ChangeNotifier, Builders of abonnementen — alle reactiviteit wordt verzorgd door Rx-wrappers op basis van GetValue en GetStream, die tientallen keren sneller werken dan ChangeNotifier.

GetX positioneert zich als alternatief voor de combinatie Provider + Navigator + get_it/kiwi. In plaats van drie verschillende pakketten te installeren en 10 regels configuratie te schrijven, biedt GetX alles uit één doos met één regel: GetMaterialApp in plaats van MaterialApp. Navigatie werkt via Get.to(NextScreen()) zonder BuildContext, en DI — via Get.put(Service()) zonder Provider-boom.

Volgens Flutter Community Survey 2025 wordt GetX gebruikt in 43% van de Flutter-projecten. Belangrijkste redenen voor keuze: minimale instapdrempel (5 minuten om te leren), geen boilerplate (code wordt 60-70% korter vergeleken met Provider of BLoC) en snelle MVP-ontwikkeling. Critici wijzen op schending van het principe van scheiding van verantwoordelijkheden en moeilijkheden bij debuggen.

Reactieve staat: Obx en Rx

Obx — de reactieve widget van GetX die herbouwt bij wijziging van Rx-variabelen. Obx vereist geen abonnement, dispose of Builder-functies — het is voldoende om de widget in Obx te wikkelen en een Rx-variabele erin te gebruiken. Obx volgt automatisch welke Rx-variabelen worden gebruikt en hertekent alleen bij wijziging ervan.

class CounterController extends GetxController {
  final count = 0.obs;
  void increment() => count++;
}

class CounterScreen extends StatelessWidget {
  final controller = Get.put(CounterController());

  @override
  Widget build(context) => Obx(() => Text('${controller.count}'));
}

Rx-variabelen: .obs — getter die elke waarde in een Rx-object wikkelt. GetX biedt getypeerde Rx-klassen: RxInt, RxString, RxDouble, RxBool, RxList, RxMap. Alle Rx-variabelen gedragen zich als gewone primitieven: count++, name.value = 'Hello', items.add(item). Wijziging meldt automatisch Obx-abonnees.

GetBuilder — alternatief voor Obx zonder Rx, werkend via handmatige aanroep van update(). GetBuilder.filter — voor gerichte update op ID-sleutels. Obx is sneller (automatische afhankelijkheidsregistratie), GetBuilder is voorspelbaarder (expliciete update-aanroep). Obx wordt aanbevolen voor eenvoudige scenario's en GetBuilder voor complexe widgets met meerdere afhankelijkheden.

GetController en levenscyclus

GetxController — de basisklasse voor bedrijfslogica met ondersteuning voor levenscyclus. GetxController heeft methoden: onInit() (initialisatie), onReady() (na het eerste frame), onClose() (opschonen van bronnen). In tegenstelling tot ChangeNotifier en StateNotifier beheert GetxController abonnementen automatisch: bij vernietiging van de pagina worden alle Rx-variabelen en Workers afgemeld.

class AuthController extends GetxController {
  final user = Rx<User?>(null);
  final isLoading = false.obs;

  @override
  void onInit() {
    ever(isLoading, (_) => print('Loading: $isLoading'));
    super.onInit();
  }

  Future<void> login(String email, String password) async {
    isLoading.value = true;
    user.value = await api.login(email, password);
    isLoading.value = false;
  }
}

Workers — reactieve hulpprogramma's van GetX: ever (wordt bij elke wijziging aangeroepen), once (alleen bij de eerste wijziging), debounce (met vertraging), interval (niet vaker dan N keer per seconde). Workers lossen typische taken op: veldvalidatie (debounce), analyse (once), synchronisatie (ever). Workers worden automatisch afgemeld bij aanroep van onClose(), waardoor geheugenlekken worden voorkomen.

Navigatie en routering

GetX-navigatie vereist geen BuildContext voor overgang tussen schermen. In plaats van Navigator.push(context, MaterialPageRoute(...)) wordt Get.to(NextScreen()) gebruikt — aanroep vanaf elke locatie, inclusief Controller zonder toegang tot BuildContext. GetX ondersteunt benoemde routes, animaties, middleware en argumentoverdracht zonder MaterialPageRoute.

// Gewone navigatie
Get.to(ProfileScreen());
Get.back();
Get.off(LoginScreen()); // huidige route vervangen
Get.offAll(HomeScreen()); // stack wissen

// Benoemde routes
Get.toNamed('/profile', arguments: 'user123');
Get.offNamed('/login');

// Middleware
GetPage(
  name: '/profile',
  page: () => ProfileScreen(),
  middlewares: [AuthMiddleware()],
)

GetPage en GetPages: GetX gebruikt GetPages in plaats van routes in MaterialApp. Middleware — autorisatiecontrole, redirects, analyse vóór toegang tot het scherm. Transition — ingebouwde overgangsanimaties: fadeIn, zoom, leftToRight, topToBottom. Bindings — klasse die Controller en afhankelijkheden initialiseert bij binnenkomst op de route. Bindings lossen het probleem van lazy-initialisatie op: Controller wordt alleen gemaakt wanneer het scherm open is.

Dependency Injection met GetX

Get.put — registratie van instantie in DI-container. Get.find — ophalen van instantie uit container. Get.lazyPut — lazy-initialisatie (wordt gemaakt bij eerste find-aanroep). Get.putAsync — asynchrone initialisatie (voor services met init). Get.delete — verwijderen uit container (wordt automatisch aangeroepen door Bindings bij vernietiging van de route).

GetX DI — de eenvoudigste DI-container in Flutter. Geen Provider-boom, geen Module, geen Scope. Get.put(Repository()) in Controller of main.dart maakt het object overal in de applicatie beschikbaar via Get.find<Repository>(). GetX DI ondersteunt ook tagging (tag: 'api') en permanentie (permanent: true) om verwijdering te voorkomen.

GetX: best practices en prestaties

Prestaties van GetX zijn gebaseerd op Rx-wrappers die werken via GetStream — een eigen Stream-implementatie geoptimaliseerd voor Flutter. Volgens GetX-benchmarks zijn Rx-variabelen 2-3 keer sneller dan ChangeNotifier en 5-7 keer sneller dan BLoC bij frequente updates (30+ fps). GetX gebruikt geen BuildContext voor abonnementen, wat herbouw van de widgetboom bij navigatie elimineert.

Best practices: gebruik GetBuilder in plaats van Obx voor widgets met veel onderliggende elementen (lijsten, tabellen). Verdeel Controllers over functionele modules, niet één enorme Controller per pagina. Gebruik Bindings voor initialisatie van Controller, niet Get.put in de build-methode. GetView — een verkorte StatelessWidget met toegang tot Controller via controller zonder Get.find.

Bekende beperkingen: GetX gebruikt globale variabelen (Get.find, Get.to), wat testen kan bemoeilijken. Mocken van afhankelijkheden via GetX vereist Get.replace() of Get.reset() tussen tests. Voor isolatie wordt Get.testMode = true aanbevolen. GetX wordt niet aanbevolen voor applicaties die strikte architectuur met duidelijke laaggrenzen vereisen — in dat geval hebben BLoC of Riverpod met codegeneratie de voorkeur.