[flutter] 플러터 프로바이더를 사용한 자료 공유 방법

14 Dec 2023

flutter

플러터 앱에서 상태를 효율적으로 관리하고 공유하는 방법 중 하나는 플러터 프로바이더를 사용하는 것입니다. 플러터 프로바이더를 활용하면 앱 전역에서 데이터와 상태를 제공하고 관리할 수 있습니다. 이를 통해 상태 관리 패턴을 쉽게 구현할 수 있습니다.

1. 프로바이더 생성

프로바이더를 만들려면 먼저 ChangeNotifier 클래스를 확장한 클래스를 생성해야 합니다. 이 클래스에서 공유할 상태와 해당 상태를 변경하는 메서드를 구현합니다.

import 'package:flutter/material.dart';

class DataProvider with ChangeNotifier {
  String _data = 'initial data';

  String get data => _data;

  void updateData(String newData) {
    _data = newData;
    notifyListeners(); // 상태 변경을 각 위젯에 알림
  }
}

2. 프로바이더 제공

이제 해당 프로바이더를 앱 전체에 제공하여 사용할 수 있도록 합니다. 이를 위해 MultiProvider 위젯을 사용합니다.

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

void main() {
  runApp(
    MultiProvider(
      providers: [
        ChangeNotifierProvider(create: (context) => DataProvider()),
        // 다른 프로바이더 추가 가능
      ],
      child: MyApp(),
    ),
  );
}

MultiProvider를 사용하여 프로바이더를 제공하였습니다.

3. 프로바이더 사용

이제 원하는 곳에서 해당 프로바이더를 사용할 수 있습니다. Provider.of 메서드를 이용하여 프로바이더에서 데이터를 읽거나 업데이트할 수 있습니다.

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

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    var dataProvider = Provider.of<DataProvider>(context);
    return Text(dataProvider.data);
  }
}

요약

플러터 프로바이더를 사용하면 상태 및 데이터를 쉽게 관리하고 공유할 수 있습니다. 이를 통해 앱의 상태 관리를 효율적으로 처리할 수 있습니다.

플러터 공식 홈페이지와 프로바이더 패키지의 공식 문서를 참고하시기 바랍니다.