[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
메서드를 사용하여 프로바이더 내의 데이터를 가져와 화면에 표시할 수 있습니다.
프로바이더를 사용하여 플러터 앱의 상태를 관리하는 방법에 대해 간단히 알아보았습니다. 프로바이더를 활용하여 앱의 상태를 효과적으로 관리할 수 있습니다.
더 많은 정보와 예제는 플러터 공식 프로바이더 문서를 참고하시기 바랍니다.