[flutter] 플러터 get과 애니메이션 효과

26 Dec 2023

flutter

플러터(Flutter) 앱을 개발하는 동안 애니메이션 효과를 쉽게 다룰 수 있도록 해주는 get 패키지가 있습니다. 이 패키지는 상당히 직관적이고 사용하기 편리하여 다양한 애니메이션 효과를 쉽게 구현할 수 있습니다.

get 패키지 설치하기

pubspec.yaml 파일에 다음과 같이 get 패키지를 추가합니다.

dependencies:
  flutter:
    sdk: flutter
  get: ^4.1.4

그리고 터미널에서 아래 명령어를 실행하여 패키지를 설치합니다.

flutter pub get

get을 사용한 애니메이션 구현 방법

get 패키지를 사용하여 애니메이션을 쉽게 구현할 수 있습니다. 예를 들어, 아래와 같이 GetBuilder 위젯을 사용하여 상태 관리를 간단하게 처리할 수 있습니다.

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

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

class MyHomePage extends StatelessWidget {
  final MyController myController = Get.put(MyController());

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('get 애니메이션')),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            GetBuilder<MyController>(
              builder: (controller) {
                return Text(
                  '애니메이션 효과: ${controller.count}',
                  style: TextStyle(fontSize: 24),
                );
              },
            ),
            ElevatedButton(
              onPressed: () => myController.increment(),
              child: Text('증가'),
            ),
          ],
        ),
      ),
    );
  }
}

위 코드에서는 MyController 클래스를 만들어 count 값을 상태로 관리하고, GetBuilder 위젯을 사용하여 해당 상태를 화면에 출력하고 버튼을 누를 때마다 증가시키는 예제입니다.

이렇게 get 패키지를 사용하면 복잡한 애니메이션 효과를 간편하게 다룰 수 있으며, 상태 관리에 편리한 기능을 제공합니다.