[flutter] Riverpod를 사용하여 앱의 통화 기록 관리를 관리하는 방법은 어떻게 되나요?

04 Dec 2023

flutter

Riverpod는 Flutter에서 상태 관리를 하기위한 훌륭한 패키지입니다. 앱의 통화 기록을 관리하기 위해 Riverpod를 사용하는 방법에 대해 알아보겠습니다.

1. Riverpod 패키지 설치 Riverpod 패키지를 사용하기 위해 먼저 pubspec.yaml 파일에 다음과 같이 추가해주세요:

dependencies:
  flutter_riverpod: ^1.0.0

패키지를 설치하기 위해 터미널에서 flutter pub get 명령어를 실행해주세요.

2. 데이터 모델 생성 통화 기록을 관리하기 위해 데이터 모델을 생성해야합니다. 예를 들어, 다음과 같이 CallRecord라는 클래스를 생성해주세요:

class CallRecord {
  final String contactName;
  final String phoneNumber;
  final DateTime dateTime;

  CallRecord(this.contactName, this.phoneNumber, this.dateTime);
}

3. 상태 관리하기 앱의 통화 기록을 관리하기 위해 CallRecord를 사용하는 상태를 생성해야합니다. Riverpod를 사용하여 상태를 관리하는 방법은 다음과 같습니다.

final callRecordsProvider = Provider<List<CallRecord>>((ref) {
  return [
    CallRecord('John Doe', '123-456-7890', DateTime.now()),
    CallRecord('Jane Smith', '098-765-4321', DateTime.now()),
    // Add more call records
  ];
});

4. 상태 사용하기 이제 callRecordsProvider를 사용하여 앱에서 통화 기록 데이터에 접근할 수 있습니다. 예를 들어, 다음과 같이 통화 기록 목록을 출력하는 위젯을 만들 수 있습니다:

class CallRecordsListWidget extends ConsumerWidget {
  @override
  Widget build(BuildContext context, ScopedReader watch) {
    final callRecords = watch(callRecordsProvider);

    return ListView.builder(
      itemCount: callRecords.length,
      itemBuilder: (context, index) {
        final record = callRecords[index];

        return ListTile(
          title: Text(record.contactName),
          subtitle: Text(record.phoneNumber),
          trailing: Text(record.dateTime.toString()),
        );
      },
    );
  }
}

위의 예시에서 watch(callRecordsProvider)를 사용하여 상태를 감시하고, callRecords 변수에서 통화 기록 목록에 접근합니다. 이를 이용하여 ListView.builder를 통해 통화 기록을 보여줍니다.

5. 상태 업데이트하기 기본적으로 Riverpod는 상태를 읽기 전용으로 취급합니다. 하지만 상태를 업데이트하기 위해 StateNotifierProvider 또는 ChangeNotifierProvider를 사용할 수 있습니다. 예를 들어, callRecordsProvider를 수정할 수 있는 callRecordsController를 만들고, 이를 사용하여 통화 기록을 추가하는 방법은 다음과 같습니다:

final callRecordsProvider = Provider<List<CallRecord>>((ref) {
  final controller = ref.watch(callRecordsControllerProvider);

  return controller.callRecords;
});

final callRecordsControllerProvider = Provider<CallRecordsController>((ref) {
  return CallRecordsController();
});

class CallRecordsController {
  final List<CallRecord> _callRecords = [];

  List<CallRecord> get callRecords => _callRecords;

  void addCallRecord(CallRecord record) {
    _callRecords.add(record);
  }
}

위의 예시에서는 CallRecordsController 클래스를 만들어 _callRecords라는 목록을 가지고 있습니다. addCallRecord 함수는 새로운 통화 기록을 추가하도록 구현되어 있습니다.

위의 방법으로 callRecordsProvider 상태를 업데이트하고 새로운 통화 기록을 추가할 수 있습니다.

여기까지가 Riverpod를 사용하여 앱의 통화 기록을 관리하는 방법입니다. Riverpod는 강력한 상태 관리 도구이기 때문에 다양한 상황에서 유용하게 활용될 수 있습니다. 자세한 내용은 Riverpod 공식 문서를 참조하시기 바랍니다.

참고 자료