Provider

Provider는 Flutter에서 기본적으로 제공하는 상태 관리 라이브러리입니다.

•

ChangeNotifier를 활용한 상태 관리가 가능하며, 의존성 주입(DI) 기능도 지원

•

비교적 간단한 앱에서 사용하기 좋으며, Flutter 공식적으로 권장하는 방식

Provider의 핵심 개념

주요 개념

개념	설명
ChangeNotifier	상태 변화를 알리는 클래스
ChangeNotifierProvider	ChangeNotifier를 UI에 연결
Consumer	상태 변경을 감지하여 UI 업데이트
Provider.of()	Provider에서 직접 상태 가져오기
context.watch()	상태 변화를 감지하여 빌드
context.read()	상태 변화를 감지하지 않고 읽기

Provider의 주요 기능과 특징

1. 간단한 상태 관리

•

ChangeNotifier를 사용하여 상태를 변경하고 UI에 반영

•

notifyListeners()를 호출하면 자동으로 UI 업데이트

2. 의존성 주입(DI) 지원

•

MultiProvider를 사용하여 여러 상태를 전역으로 관리 가능

3. 간단한 비동기 상태 관리 지원

•

FutureProvider, StreamProvider를 활용하여 비동기 데이터 관리 가능

Provider 코드 예제 (Counter 앱)

ChangeNotifier 사용 예제 (상태 관리)

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

// ChangeNotifier를 사용한 상태 관리 클래스
class CounterProvider extends ChangeNotifier {
  int _count = 0;

  int get count => _count;

  void increment() {
    _count++;
    notifyListeners();  // UI 업데이트
  }

  void decrement() {
    _count--;
    notifyListeners();  // UI 업데이트
  }
}

void main() {
  runApp(
    ChangeNotifierProvider(
      create: (context) => CounterProvider(),
      child: MyApp(),
    ),
  );
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text("Provider 예제")),
        body: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            // 상태 변경 감지하여 UI 업데이트
            Consumer<CounterProvider>(
              builder: (context, counter, child) {
                return Text('${counter.count}', style: TextStyle(fontSize: 40));
              },
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                ElevatedButton(
                  onPressed: () => context.read<CounterProvider>().increment(),
                  child: Text("+"),
                ),
                SizedBox(width: 20),
                ElevatedButton(
                  onPressed: () => context.read<CounterProvider>().decrement(),
                  child: Text("-"),
                ),
              ],
            )
          ],
        ),
      ),
    );
  }
}
Dart
복사

Provider의 다양한 기능

MultiProvider 사용 (여러 Provider 등록)

void main() {
  runApp(
    MultiProvider(
      providers: [
        ChangeNotifierProvider(create: (context) => CounterProvider()),
        ChangeNotifierProvider(create: (context) => AnotherProvider()),
      ],
      child: MyApp(),
    ),
  );
}
Dart
복사

비동기 상태 관리 (FutureProvider)

final futureProvider = FutureProvider<int>((ref) async {
  await Future.delayed(Duration(seconds: 2));
  return 42;
});

Consumer<int>(
  builder: (context, value, child) {
    return Text(value.toString());
  },
);
Dart
복사

Provider vs 다른 상태관리 라이브러리 비교

기능	Provider	Riverpod	GetX	Bloc
상태 관리 방식	ChangeNotifier	StateNotifier	obs	이벤트 기반
비동기 지원	가능 (FutureProvider)	강력함 (FutureProvider)	간편함	Stream 지원
의존성 관리 (DI)	기본 제공 없음	ProviderScope 지원	Get.put() 지원	RepositoryProvider
성능 최적화	기본적 (전체 리빌드 가능)	watch() 최적화	GetBuilder로 최적화	BlocListener
테스트 용이성	가능	우수	다소 부족	매우 우수

Provider가 적합한 경우

상황	Provider 사용 여부
소규모 프로젝트	추천
간단한 상태 관리 필요	추천
대규모 프로젝트	Bloc 또는 Riverpod 추천
의존성 주입이 많은 경우	Riverpod 추천

결론: 언제 Provider를 써야 할까?

•

간단한 앱에서 빠르게 상태 관리를 적용할 때

•

복잡한 상태 관리가 필요하지 않을 때

•

Flutter 기본 방식에 익숙한 개발자에게 적합

Provider는 간단하지만, 복잡한 앱에서는 Riverpod 또는 Bloc이 더 적합!