[flutter] 플러터(Flutter)에서 상태 관리하는 방법

18 Dec 2023

flutter

플러터(Flutter) 앱을 개발할 때, 상태 관리는 매우 중요합니다. 상태 관리는 사용자 화면을 업데이트하고 데이터를 처리하는 데 필수적입니다. 이 기술 블로그에서는 다양한 방법을 통해 플러터 앱에서 상태를 관리하는 방법에 대해 설명하겠습니다.

로컬 상태 관리

setState를 이용한 상태 관리

setState 메서드는 플러터 프레임워크에서 제공하는 가장 간단한 상태 관리 방법입니다. 이 방법은 작은 규모의 앱에 적합하며, 상태가 변경될 때마다 화면을 다시 그리는 방식으로 동작합니다.

class CounterWidget extends StatefulWidget {
  @override
  _CounterWidgetState createState() => _CounterWidgetState();
}

class _CounterWidgetState extends State<CounterWidget> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        Text('$_counter'),
        ElevatedButton(
          onPressed: _incrementCounter,
          child: Text('Increment'),
        ),
      ],
    );
  }
}

Provider 패키지를 이용한 상태 관리

provider 패키지는 플러터 앱에서 효율적으로 상태를 관리하기 위한 방법으로, 상태 변화를 관찰하고 필요한 곳에 자동으로 전달하는 역할을 합니다.

class Counter with ChangeNotifier {
  int _count = 0;
  int get count => _count;

  void increment() {
    _count++;
    notifyListeners();
  }
}

class CounterWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final counter = Provider.of<Counter>(context);

    return Column(
      children: <Widget>[
        Text('${counter.count}'),
        ElevatedButton(
          onPressed: () {
            counter.increment();
          },
          child: Text('Increment'),
        ),
      ],
    );
  }
}

글로벌 상태 관리

Provider 패키지를 이용한 글로벌 상태 관리

글로벌 상태 관리는 앱 전반에 걸쳐 상태를 공유하고 관리하는 것을 의미합니다. provider 패키지를 이용하면 전역으로 상태를 관리할 수 있습니다.

void main() {
  runApp(
    MultiProvider(
      providers: [
        ChangeNotifierProvider(create: (context) => Counter()),
        // 다른 전역 상태 관리를 위한 Provider 설정
      ],
      child: MyApp(),
    ),
  );
}

GetX 패키지를 이용한 글로벌 상태 관리

GetX 패키지는 플러터에서 상태 관리 및 라우팅을 위한 간편한 솔루션을 제공합니다. 아래는 GetX 패키지를 이용한 글로벌 상태 관리 예시입니다.

void main() {
  runApp(GetMaterialApp(
    initialBinding: CounterBinding(),
    home: HomeView(),
  ));
}

class CounterController extends GetxController {
  RxInt count = 0.obs;

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

상태 관리는 플러터 앱의 성능과 사용자 경험에 큰 영향을 미치므로, 개발자들은 앱의 규모와 요구 사항에 따라 적절한 상태 관리 방식을 선택해야 합니다.

목차