[flutter] 플러터 프로바이더를 사용하여 댓글 목록 가져오기

22 Dec 2023

flutter

플러터 앱에서 API를 사용하여 댓글 목록을 가져오고 싶다면, 플러터 프로바이더를 활용할 수 있습니다. 플러터 프로바이더는 앱 전체에서 상태를 공유하고 관리할 수 있도록 도와주는 라이브러리입니다.

우선, 플러터 프로바이더를 설치합니다. pubspec.yaml 파일을 열고 다음과 같이 provider 패키지를 추가합니다:

dependencies:
  provider: ^5.0.0

그런 다음, 다음 코드를 사용하여 댓글 목록을 가져오는 프로바이더를 만들 수 있습니다:

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

class CommentProvider extends ChangeNotifier {
  List<String> _comments = [];

  List<String> get comments => _comments;

  Future<void> fetchComments() async {
    // API에서 댓글 목록을 가져오는 로직을 작성합니다.
    // 예를 들면, http 패키지를 사용하여 REST API 요청을 보낼 수 있습니다.
    // 이후 가져온 댓글 목록을 _comments에 저장하고 notifyListeners()를 호출하여 상태 변경을 알립니다.
  }
}

위 코드에서 fetchComments 메서드는 API를 호출하여 댓글 목록을 가져올 때 사용됩니다. 이후 가져온 댓글 목록을 _comments 리스트에 저장하고, notifyListeners를 호출하여 UI에 상태 변경을 알립니다.

이제, 앱의 어느 곳에서든 프로바이더를 이용하여 댓글 목록을 사용할 수 있습니다:

Widget build(BuildContext context) {
  final commentProvider = Provider.of<CommentProvider>(context, listen: true);

  // 댓글 목록을 이용한 UI 작성
}

위의 코드에서 Provider.of 메서드를 사용하여 프로바이더에서 댓글 목록을 가져옵니다.

이러한 방식으로, 플러터 프로바이더를 사용하여 앱 전체에서 댓글 목록을 공유하고, 필요한 곳에서 손쉽게 댓글 목록을 가져올 수 있습니다.

참고자료

Provider 패키지 공식 문서