[flutter] 플러터 프로바이더 사용법

플러터(Flutter) 앱에서 상태 관리를 위해 프로바이더(Provider)를 사용하는 방법에 대해 알아보겠습니다.

1. 프로바이더 라이브러리 추가

먼저, 플러터 프로젝트에 프로바이더 라이브러리를 추가해야 합니다.

dependencies:
  provider: ^6.0.0

pubspec.yaml 파일에 위와 같이 provider 라이브러리를 추가합니다. 그 후, 터미널에서 flutter pub get 명령어를 실행하여 라이브러리를 가져옵니다.

2. 프로바이더 모델 생성

프로바이더를 사용하기 위해 모델 클래스를 생성합니다. 이 모델 클래스는 앱에서 공유할 상태와 관련된 메서드를 포함하게 됩니다.

import 'package:flutter/material.dart';

class CounterProvider with ChangeNotifier {
  int _count = 0;

  int get count => _count;

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

위 예제에서 CounterProvider 클래스는 ChangeNotifier를 확장하며, _count 변수를 증가시키는 increment 메서드를 포함하고 있습니다.

3. 프로바이더 사용하기

이제 위에서 생성한 프로바이더를 앱에서 사용할 수 있습니다.

ChangeNotifierProvider(
  create: (context) => CounterProvider(),
  child: YourWidget(),
)

ChangeNotifierProvider 위젯을 사용하여 프로바이더를 선언합니다.

위 예제에서 CounterProvider의 인스턴스를 생성하고, 해당 프로바이더로 감싸진 YourWidget을 표시하게 됩니다.

4. 프로바이더 데이터 사용

이제 YourWidget에서 프로바이더의 데이터를 사용할 수 있습니다.

final counter = Provider.of<CounterProvider>(context);

Text('${counter.count}')

위와 같이 Provider.of 메서드를 사용하여 프로바이더 내의 데이터를 가져와 화면에 표시할 수 있습니다.

프로바이더를 사용하여 플러터 앱의 상태를 관리하는 방법에 대해 간단히 알아보았습니다. 프로바이더를 활용하여 앱의 상태를 효과적으로 관리할 수 있습니다.

더 많은 정보와 예제는 플러터 공식 프로바이더 문서를 참고하시기 바랍니다.