Flutter Getx Navigation

Implement context-less navigation, named routes, and middleware using GetX. Use when building navigation with GetX routing in Flutter.

HoangNguyen0403 Updated 542 repo stars

File contents

GetX Navigation

Priority: P0 (CRITICAL)

Guidelines

  • Named Routes: Use Get.toNamed('/path'). Define routes in AppPages.
  • Navigation APIs:
  • Get.to(): Push new route.
  • Get.off(): Replace current route.
  • Get.offAll(): Clear stack and push.
  • Get.back(): Pop route/dialog/bottomSheet.
  • Bindings: Link routes with Bindings for automated lifecycle.
  • Middleware: Implement GetMiddleware for Auth/Permission guards.

Code Example

See AppPages Config for route definition and controller usage patterns.

Anti-Patterns

  • Navigator Context: not use Navigator.of(context) with GetX.
  • Hardcoded Routes: Use Routes constant class.
  • Direct Dialogs: Use Get.dialog() and Get.snackbar().

References

  • AppPages Config
  • Middleware Implementation

Related Topics

getx-state-management | feature-based-clean-architecture

HoangNguyen0403/agent-skills-standard/tree/main/skills/flutter/flutter-getx-navigation commit 0c4615d338

Frequently asked questions

npx skillmds@latest add hoangnguyen0403/flutter-getx-navigation