[flutter] Riverpod를 사용하여 상태 변경을 감지하는 방법은 무엇인가요?

04 Dec 2023

flutter

Riverpod는 Flutter 애플리케이션에서 상태 관리를 용이하게 하기 위한 강력한 패키지입니다. 상태 변경을 감지하기 위해 Riverpod에서는 Provider와 Consumer를 사용하는 방법을 제공합니다.

Provider를 사용하여 상태를 정의하고, Consumer를 사용하여 해당 상태를 감지할 수 있습니다.

다음은 Riverpod를 사용하여 상태 변경을 감지하는 간단한 예제입니다:

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

// 상태를 위한 Provider 정의
final countProvider = Provider<int>((ref) => 0);

void main() {
  runApp(
    // Riverpod를 위한 ProviderContainer 생성
    ProviderScope(
      child: MyApp(),
    ),
  );
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Riverpod Example',
      home: Scaffold(
        appBar: AppBar(title: Text('Riverpod Example')),
        body: Center(
          child: Consumer(
            builder: (context, watch, _) {
              // countProvider를 감지하여 해당 상태 변경을 감지
              final count = watch(countProvider);
              return Text('Count: $count');
            },
          ),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () {
            // countProvider의 상태 변경
            context.read(countProvider).state++;
          },
          child: Icon(Icons.add),
        ),
      ),
    );
  }
}

위의 코드에서는 countProvider라는 Provider를 정의하고, 감지할 수 있도록 Consumer를 사용하여 해당 상태 변경을 감지하였습니다. FloatingActionButton을 클릭하면 countProvider 상태가 변경되고, 변경된 상태가 Text 위젯에 표시됩니다.

이와 같이 Riverpod를 사용하면 간단하게 상태 변경을 감지할 수 있으며, 애플리케이션의 규모가 커져도 유지보수하기 용이한 코드를 작성할 수 있습니다.

더 자세한 내용은 Riverpod 공식 문서를 참조하시기 바랍니다.