[flutter] 플러터 get과 버튼 사용법

26 Dec 2023

flutter

플러터(Flutter)에서는 다양한 기능을 제공하는 Get 패키지와 버튼(widget)을 사용하여 인터랙티브한 애플리케이션을 만들 수 있습니다. 이번 포스트에서는 Get 패키지와 버튼을 사용하는 방법에 대해 알아보겠습니다.

Get 패키지 설치

먼저, Get 패키지를 설치해야 합니다. pubspec.yaml 파일에 아래와 같이 패키지를 추가해주세요.

dependencies:
  get: ^4.1.4

그리고 터미널에서 아래 명령어를 실행하여 패키지를 설치해주세요.

flutter pub get

Get 사용하기

Get 패키지를 이용하면 상태관리와 라우팅을 편리하게 처리할 수 있습니다. 아래는 Get 패키지를 사용하여 상태를 관리하는 간단한 예제입니다.

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

void main() {
  runApp(MyApp());
}

class MyController extends GetxController {
  var count = 0.obs;
  void increment() {
    count++;
  }
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      title: 'Get Example',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Get Example'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              GetBuilder<MyController>(
                init: MyController(),
                builder: (controller) {
                  return Text(
                    'Count: ${controller.count}',
                  );
                },
              ),
              ElevatedButton(
                onPressed: () {
                  Get.find<MyController>().increment();
                },
                child: Text('Increment'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

위 코드는 Get 패키지를 사용하여 상태를 관리하고 버튼을 추가하는 예제입니다. MyController 클래스는 GetxController 클래스를 상속하여 상태를 관리하고, GetMaterialApp 위젯을 사용하여 앱을 시작합니다.

버튼 사용하기

플러터에서 버튼을 사용하는 방법은 다양합니다. 예를 들어, ElevatedButton 위젯을 사용하여 일반적인 버튼을 생성할 수 있습니다. 아래는 간단한 버튼 예제입니다.

ElevatedButton(
  onPressed: () {
    // 버튼을 눌렀을 때 수행할 동작
  },
  child: Text('버튼'),
)

위 코드에서 onPressed 콜백 함수에는 버튼을 눌렀을 때 수행할 동작을 작성하고, child 속성에는 버튼에 표시할 텍스트나 위젯을 작성합니다.

결론

이 포스트에서는 Get 패키지를 사용하여 상태를 관리하고 버튼을 만드는 방법에 대해 알아보았습니다. Get 패키지를 활용하여 플러터 애플리케이션을 더욱 효율적으로 개발할 수 있으며, 다양한 버튼 위젯을 활용하여 사용자와 상호작용이 가능한 앱을 만들 수 있습니다.