[flutter] getX 함수를 사용하여 터치 이벤트에 따른 화면 전환하기

04 Dec 2023

flutter

GetX는 Flutter 애플리케이션에서 상태 관리 및 라우팅을 단순화하는 패키지입니다. 이 패키지를 사용하면 간편하게 터치 이벤트에 따라 화면을 전환할 수 있습니다.

아래는 GetX 패키지를 사용하여 터치 이벤트에 따라 화면을 전환하는 예제 코드입니다.

import 'package:flutter/material.dart';
import 'package:get/get.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      title: 'GetX Example',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: HomePage(),
    );
  }
}

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Home Page'),
      ),
      body: Center(
        child: RaisedButton(
          child: Text('Go to Second Page'),
          onPressed: () {
            Get.to(SecondPage());
          },
        ),
      ),
    );
  }
}

class SecondPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Second Page'),
      ),
      body: Center(
        child: RaisedButton(
          child: Text('Go back to Home Page'),
          onPressed: () {
            Get.back();
          },
        ),
      ),
    );
  }
}

위 예제 코드에서 GetX 패키지의 핵심 함수인 Get.to()와 Get.back()을 사용하여 화면을 전환하고 이전 화면으로 돌아갈 수 있습니다.

Get.to() 함수는 새로운 페이지로 이동하는 역할을 합니다. 예제에서는 홈 페이지에서 두 번째 페이지로 이동할 때 사용되었습니다.

Get.back() 함수는 이전 페이지로 돌아가는 역할을 합니다. 예제에서는 두 번째 페이지에서 홈 페이지로 돌아갈 때 사용되었습니다.

이와 같이 GetX 패키지를 사용하면 터치 이벤트에 따라 간단하게 화면을 전환할 수 있습니다.

더 자세한 내용은 GetX 패키지의 공식 문서를 참조해주세요. (GetX Package Documentation)