[flutter] 플러터 get과 라우팅

26 Dec 2023

flutter

이번에는 플러터 앱에서 화면을 전환하고 데이터를 전달하는 방법에 대해 알아보겠습니다. Get 패키지를 사용하여 플러터 앱에서 라우팅과 상태 관리를 수월하게 할 수 있습니다.

1. Get 패키지의 추가

먼저 pubspec.yaml 파일에 Get 패키지를 추가하겠습니다.

dependencies:
  flutter:
    sdk: flutter
  get: ^4.3.8

이후 터미널에서 flutter pub get 명령어로 패키지를 설치합니다.

2. 라우트 기능 구현

다음으로는 Get 패키지를 사용하여 화면 간의 이동을 구현합니다.

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(
      home: HomeScreen(),
    );
  }
}

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Home')),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            // 다음 화면으로 이동
            Get.to(NextScreen());
          },
          child: Text('Go to Next Screen'),
        ),
      ),
    );
  }
}

class NextScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Next')),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            // 이전 화면으로 돌아가기
            Get.back();
          },
          child: Text('Go back'),
        ),
      ),
    );
  }
}

위의 예제는 Get 패키지를 이용하여 간단한 라우팅을 구현한 것입니다. HomeScreen에서 버튼을 클릭하면 NextScreen으로 이동하고, NextScreen에서 버튼을 클릭하면 이전 화면으로 돌아갑니다.

Get 패키지는 다양한 메서드와 기능을 제공하여 플러터 앱의 라우팅 및 상태 관리를 효과적으로 처리할 수 있습니다.

참고 문헌: