[flutter] Flutter Riverpod에서 상태 공유하기

14 Dec 2023

flutter

Flutter 앱을 개발하다보면 앱 전역에서 사용되는 데이터를 효과적으로 관리하는 방법이 필요하다. Riverpod은 Flutter 앱에서 상태 관리를 위한 훌륭한 라이브러리로, 상태를 공유하고 관리하기 위한 매우 효과적인 방법을 제공한다.

Riverpod이란 무엇인가?

Riverpod은 Flutter 앱에서 상태 관리를 도와주는 라이브러리로, Provider 패키지의 향상된 버전으로 볼 수 있다. Riverpod은 provider, scope, watch 등의 용어를 사용하여 상태를 관리하고 소비하는 방법을 정의한다. Riverpod은 상태를 제공하고 관리하기 위한 프로바이더(Provider)를 사용하여 UI를 업데이트하는 방법을 단순화하고 개선한다.

Riverpod을 사용하여 상태 공유하기

import 'package:flutter_riverpod/flutter_riverpod.dart';

final countProvider = StateProvider<int>((ref) => 0);

class MyHomePage extends ConsumerWidget {
  @override
  Widget build(BuildContext context, ScopedReader watch) {
    final count = watch(countProvider).state;

    return Scaffold(
      appBar: AppBar(
        title: Text('Riverpod 상태 공유하기'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              '버튼을 클릭한 횟수:',
            ),
            Text(
              '$count',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () => context.read(countProvider).state++,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ),
    );
  }
}

위의 예제 코드는 Riverpod을 사용하여 상태를 공유하는 간단한 방법을 보여준다. countProvider라는 StateProvider를 정의하고, 이를 MyHomePage 위젯에서 사용하여 버튼 클릭 횟수를 화면에 표시한다.

결론

Riverpod은 Flutter 앱에서 상태를 효과적으로 관리하고 공유하는 데 매우 유용한 도구이다. Provider 패턴을 사용하여 상태를 제공하고 관리하기 위한 코드를 간단하게 작성할 수 있으며, 코드의 가독성과 유지보수성을 높일 수 있다.

더 많은 정보를 원하시거나 Riverpod에 대해 더 자세히 알고 싶다면 Riverpod 공식 문서를 참고해보세요.