[TIL] 2022-06-01 Flutter GetX Route - #10

Jongdroid·2022년 6월 1일
0

TIL

목록 보기
10/24
post-thumbnail

어느덧 5월의 달력도 넘어가고 올해 절반이 지났습니다..
길게 애기할 것 없이, 꾸준히 더욱 더 열심히, 함께 뽜이팅 입니다!!


Getx를 접하게된 배경

일상에서 접하는 앱 중 정말 간단한 앱이 아니라면 대부분 자유롭게 화면 전환 할 수 있습니다.
잠시 네이티브를 생각해보겠습니다!
안드로이드 네이티브 개발을 경험해보신 분은 아시겠지만, 안드로이드는 화면 전환시 intent를 통해 화면을 전환하게 됩니다.

오늘 플러터로 개인 프로젝트를 하며 화면 전환을 학습하던 중 Getx 라이브러리를 접하게 되었고 기존에 알고 있던 방식과는 다른점이 있어서 널리 알리고자 달려왔습니다! (저는 지금까지 기본 route 방식을 사용했네요.ㅠㅠ)

Getx Route 쓰면 좋은점!

주의❗️❗️ Getx 사용전 pubspec.yaml dependencies 꼭 추가 및 import 해주세요!!
참고) https://pub.dev/packages/get/install

기본 화면 전환

// 기존 flutter route code
Navigator.of(context).push(MaterialPageRoute(builder: (_) => FirstPage()));
// Get route code
Get.to(FirstPage());

화면 이동은 빈번하게 일어나는 만큼 코드가 자주 쓰입니다. 하지만 코드가 상단 처럼 가독성이 떨어진다면 굳이 다른 대안책이 있는데 사용해야 할 명확한 이유가 없다고 생각합니다. 이 문제를 GetX의 route를 통해 해결할 수 있습니다!

GetX를 사용한 코드는 정말 코드가 눈에 확 들어오는 것을 알 수 있습니다.


값 전달하여 화면 전환

Navigator 를 이용하면 argument를 전달 할 수 없다.(pushNamed는 가능) GetX를 이용하면 가능하다.

Get.to(() => OrderMenuPage(), arguments: tableNum);

화면 전환과 동시에 전환하는 화면에 데이터를 넘겨준다.


오늘은 간단하게 Getx Route를 통한 화면 전환과 데이터 전달을 알아보았습니다!
또 곧 찾아오겠습니다.

profile
만드는 사람이 수고하면 쓰는 사람이 편하고 만드는 사람이 편하면 쓰는 사람이 수고롭다.

0개의 댓글