[flutter] 플러터(Flutter) 앱에서 캐시 기능 사용하기

18 Dec 2023

flutter

플러터(Flutter) 앱을 개발하다 보면, 인터넷 연결이 끊긴 경우나 사용자 경험을 향상시키기 위해 리소스를 로컬에 저장해야 할 때가 있습니다. 이때 캐시 기능을 사용하면 유용합니다. 이번 글에서는 플러터(Flutter) 앱에서 캐시 기능을 사용하는 방법을 알아보겠습니다.

1. flutter_cache_manager 패키지 설치하기

가장 먼저, flutter_cache_manager 패키지를 사용하여 앱에서 캐시 기능을 구현할 수 있습니다. 이 패키지는 네트워크로부터 다운로드한 파일을 관리하고 캐시에 저장할 수 있는 기능을 제공합니다.

dependencies:
  flutter_cache_manager: ^3.0.0

pubspec.yaml 파일의 dependencies 항목에 위와 같이 flutter_cache_manager 패키지를 추가하고, flutter pub get 명령을 실행하여 패키지를 설치합니다.

2. 사용 예시

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

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  final String url = 'https://example.com/image.jpg';

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Cached Image'),
        ),
        body: FutureBuilder(
          future: DefaultCacheManager().getSingleFile(url),
          builder: (BuildContext context, AsyncSnapshot<File> snapshot) {
            if (snapshot.hasData) {
              return Image.file(snapshot.data);
            } else {
              return CircularProgressIndicator();
            }
          },
        ),
      ),
    );
  }
}

이 예시는 flutter_cache_manager 패키지를 사용하여 원격 이미지를 로컬에 캐시하고, 캐시된 이미지를 화면에 표시하는 방법을 보여줍니다.

3. 결론

이번 글에서는 flutter_cache_manager 패키지를 사용하여 플러터(Flutter) 앱에서 캐시 기능을 구현하는 방법을 살펴보았습니다. 이를 통해 앱의 성능을 향상시키고, 사용자 경험을 개선할 수 있습니다.

더 많은 정보는 flutter_cache_manager GitHub 페이지를 참고하세요.