[flutter] 플러터에서 Firebase Storage로 파일을 업로드할 때 진행 상태를 표시하는 방법

08 Dec 2023

flutter

Firebase Storage를 사용하여 파일을 업로드 할 때 진행 상태를 표시하는 방법에 대해 소개합니다.

1. Firebase Storage 초기 설정

먼저, pubspec.yaml 파일에 Firebase Storage 패키지를 추가합니다.

dependencies:
  firebase_storage: ^8.0.0

Firebase 프로젝트를 설정하고, google-services.json 파일을 프로젝트에 추가합니다.

2. 파일 업로드 및 진행 상태 표시

다음으로, 파일 업로드와 진행 상태 표시를 위한 코드를 작성합니다.

import 'dart:io';
import 'package:firebase_storage/firebase_storage.dart';

Future<void> uploadFile(File file) async {
  try {
    UploadTask task = FirebaseStorage.instance.ref('uploads/file.jpg').putFile(file);

    task.snapshotEvents.listen((TaskSnapshot snapshot) {
      print('Progress: ${(snapshot.bytesTransferred / snapshot.totalBytes) * 100} %');
    });

    await task;
    print('File uploaded');
  } catch (e) {
    print('Error: $e');
  }
}

위의 코드에서 task.snapshotEvents를 사용하여 업로드 진행 상태를 모니터링할 수 있습니다.

결론

이상으로, 플러터에서 Firebase Storage로 파일을 업로드하면서 진행 상태를 표시하는 방법에 대해 알아보았습니다. 위의 예시 코드를 참고하여 직접 구현해 보세요!

더 많은 정보는 Firebase Storage 문서를 참고하세요.