[flutter] getX 함수를 사용하여 터치 이벤트에 따른 상태 업데이트하기

04 Dec 2023

flutter

Flutter는 사용자 인터페이스를 구축하기 위한 매우 강력한 플랫폼입니다. getX는 GetX 패키지에서 제공하는 상태 관리 라이브러리입니다. 이 라이브러리를 사용하면 터치 이벤트가 발생할 때 상태를 업데이트하는 작업을 간단하게 처리할 수 있습니다.

getX란?

GetX는 Flutter에서 사용되는 상태 관리 라이브러리로, 상태를 효율적으로 관리하고 업데이트하는 데 도움을 줍니다. getX는 다른 상태 관리 라이브러리와 비교하여 간단하고 직관적인 API를 제공합니다.

터치 이벤트에 따른 getX 함수 사용하기

터치 이벤트에 따라 상태를 업데이트하기 위해 getX 함수를 사용하는 예제 코드를 살펴보겠습니다.

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

class MyController extends GetxController {
  var counter = 0.obs; // obx 타입을 사용하여 관찰 가능한 상태로 선언

  void increment() {
    counter.value++;
  }
}

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

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

  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text("GetX Example")),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Obx(() => Text("Count: ${myController.counter.value}")), // 상태를 화면에 표시
              ElevatedButton(
                child: Text("Increment"),
                onPressed: myController.increment, // 버튼을 누를 때 상태를 업데이트
              ),
            ],
          ),
        ),
      ),
    );
  }
}

이 예제에서는 MyController 클래스를 정의하여 컨트롤러를 생성합니다. counter 변수는 관찰 가능한 상태로 선언되어 있으며, increment 함수를 통해 상태를 업데이트합니다. MyController 인스턴스는 Get.put을 통해 의존성 주입되며, GetX 패키지에서 제공하는 Obx 위젯을 사용하여 상태를 화면에 표시합니다. 버튼을 누를 때마다 increment 함수가 호출되어 상태가 업데이트됩니다.

GetX를 사용하여 간단하고 직관적인 방법으로 터치 이벤트에 따른 상태 업데이트를 처리할 수 있습니다. 더 많은 기능과 예제는 GetX 공식 문서에서 확인할 수 있습니다.