[flutter] 플러터에서의 데이터 상태 관리 방법

19 Dec 2023

flutter

플러터 앱을 개발할 때, 데이터 상태를 관리하는 것은 매우 중요합니다. 사용자 인터페이스에 표시되는 데이터가 변경되면, 이를 즉시 업데이트해야 합니다. 이를 위해 플러터는 다양한 방법을 제공합니다.

1. `setState` 메서드 사용

가장 간단한 상태 관리 방법은 setState 메서드를 사용하는 것입니다. 이 메서드를 호출하면 해당 위젯의 상태가 변경되고 화면이 다시 그려집니다.

setState(() {
  // 상태 업데이트
});

2. `Provider` 라이브러리 사용

Provider는 플러터에서 상태 관리를 위한 강력한 라이브러리 중 하나입니다. 이를 사용하면 전역적인 상태를 관리할 수 있고, 상태 변경 시 자동으로 위젯을 업데이트할 수 있습니다.

class MyModel extends ChangeNotifier {
  String _data = 'Hello';

  String get data => _data;

  void updateData(String newData) {
    _data = newData;
    notifyListeners();
  }
}

ChangeNotifierProvider(
  create: (context) => MyModel(),
  child: MyApp(),
);

3. `Bloc` 패턴 사용

Bloc (비즈니스 로직 구성 요소) 패턴은 이벤트 기반 상태 관리를 제공하는 라이브러리입니다. Bloc을 사용하면 비즈니스 로직과 인터페이스가 분리되어 관리되어 유지보수가 쉬워집니다.

class CounterBloc extends Bloc<CounterEvent, int> {
  @override
  int get initialState => 0;

  @override
  Stream<int> mapEventToState(CounterEvent event) async* {
    if (event is Increment) {
      yield state + 1;
    } else if (event is Decrement) {
      yield state - 1;
    }
  }
}

BlocProvider(
  create: (context) => CounterBloc(),
  child: MaterialApp(
    // 앱 위젯
  ),
);

이러한 다양한 방법을 통해 플러터에서 데이터 상태를 효과적으로 관리할 수 있습니다.

참고 문헌:

https://flutter.dev/docs/development/data-and-backend/state-mgmt/simple
https://pub.dev/packages/provider
https://bloclibrary.dev/docs/

1. setState 메서드 사용

2. Provider 라이브러리 사용

3. Bloc 패턴 사용

1. `setState` 메서드 사용

2. `Provider` 라이브러리 사용

3. `Bloc` 패턴 사용