GetX 정리 1

개발자Jun·2022년 12월 15일
0

GetX란

flutter 개발을 위한 매우 가볍고 강력한 라이브러리

GetX 3가지 원칙

  1. 생산성
  2. 성능
  3. 조직화

여기 3가지를 잘 활용해야 코드가 깨끗해진다.

GetX 설치

터미널에 flutter pub add get을 입력

GetX 적용

import 'package:get/get.dart';

void main() => runApp(MyApp());


Widget build(BuildContext context){
	return GetMaterialApp(
    	title : 'Flutter Demo',
        theme: ThemeData(
        	primarySwaitch: Colors.blue,
            ......

GetX 라우트 관리

  • GetX 화면 전환
    Get.to(NextPage());

  • GetX 뒤로가기
    Get.back();

  • GetX 앞에 내용 다 지우면서 화면전환
    Get.offAll();

Named 방식

main.dart


...

Widget build(BuildContext context){
	return GetMaterialApp(
    	.....
        ),
        initialBinding: InitBinding(),
        getPages: [
        	GetPage(name: "/", page: () => Home());
            GetPage(name: "/first", page: () => First());
        ]

  • Named 방식 화면전환
    Get.toNamed("/first");

페이지 전환 효과

화면전환함수에서 ,transition: Transition.zoom 붙여준다.

Arguments 전달

  • Get.to(NextPage(), arguments: "안녕");

argument를 받아서 사용할때는 Get.(arguments이름)

  • Get.to(NextPage(), arguments: {"name" : "안녕", "age" : 22} 이렇게도 전달가능

argument를 받을때는 Get.arguments['name'] 이렇게 사용

  • Get.to(NextPage(), arguments: User(name: "안녕", age: 22)); 이렇게 객체를 담아서 전달도 가능
profile
주니어에서 시니어가 되기까지 기록

0개의 댓글