플러터 GetX 알아보기 (라우트 관리)

리액트의 상태관리는 리덕스라고 생각한다면, 플러터의 상태관리는 GetX이다.

상태관리란? UI 에서 실시간으로 변하는 데이터들의 상태를 효율적으로 관리하기 위한 개념이다.

아래 예시를 통해 이해해보자!

 

패키지 작업하기

---

pubspec.yaml 파일에 들어가서 아래 패키지를 추가한다.

dependencies: get: ^4.1.4

 

패키지를 설치해도 상관은 없지만, 터미널에 들어가 아래 명령어를 입력한다.

flutter pub get

 

명령어 또는 pubspec.yaml 파일에 추가했으면 import 해보자

import 'package:get/get.dart';

 

 

GetX는 라우터 관리할 때 정말 효율적으로 빠르고 쉽게 사용할 수 있다.

1. MaterialApp -> GetMaterialApp으로 라우터를 관리한다.

GetMaterialApp (
	title: 'GetX 예시',
    home: MainScreenPage(),
)

 

1.1: Navigation

---

1.1.1: Get.to( )

아래 코드를 통해 새로운 화면으로 이동할 수 있다.

Get.to(DetailScreenPage());

 

1.1.2: Get.toNamed( )

아래 코드를 통해 미리 설정해둔 이름을 통해 새로운 화면으로 이동할 수 있다.

GetMaterialApp (
	title: 'GetX 예제',
    home: HomePage(),
    getPages: [
    	GetPage(name: '/test', page: () => TestPage()),
    ],
)

Get.toNamed('/test');

 

1.1.3: Get.Back( )

아래 코드를 통해 이전 화면으로 돌아간다.

Get.back();

 

1.1.4: Get.off( )

아래 코드를 통해 다음 화면으로 이동하면서 이전 화면을 없앤다.

Get.off(NextPage());

 

1.1.5: Get.offAll( )

Get.off 와 비슷하지만 Get.offAll 은 이전 화면들을 모두 없애버린다.

Get.offAll(NextPage());

 

GetX의 강력함을 이제 알겠는가?

이제 상태 관리에 대해 깊게 파악해보자.