[flutter] cached_network_image 패키지를 사용하여 이미지 캐싱을 구현해보세요.
이번 포스트에서는 Flutter 앱에서 이미지 캐싱을 구현하기 위해 cached_network_image
패키지를 사용하는 방법을 알아보겠습니다.
cached_network_image
패키지 설치
먼저, pubspec.yaml
파일에 다음과 같이 cached_network_image
패키지를 추가합니다.
dependencies:
cached_network_image: ^3.0.0
이후, 터미널에서 flutter pub get
명령어를 실행하여 패키지를 설치합니다.
cached_network_image
패키지 사용
cached_network_image
패키지를 사용하여 이미지를 캐싱하려면 CachedNetworkImage
위젯을 사용해야 합니다. 이를 위해서는 flutter/material.dart
와 함께 package:cached_network_image/cached_network_image.dart
를 import 해야 합니다.
다음은 CachedNetworkImage
의 기본 사용법입니다.
import 'package:flutter/material.dart';
import 'package:cached_network_image/cached_network_image.dart';
class CachedImageExample extends StatelessWidget {
@override
Widget build(BuildContext context) {
return CachedNetworkImage(
imageUrl: 'https://example.com/image.jpg',
placeholder: (context, url) => CircularProgressIndicator(),
errorWidget: (context, url, error) => Icon(Icons.error),
);
}
}
위의 코드에서 imageUrl
은 표시할 이미지의 URL, placeholder
는 이미지 로딩 중에 보일 위젯, errorWidget
는 이미지 로딩에 실패했을 때 보여줄 위젯을 설정하는 옵션입니다.
이제 cached_network_image
패키지를 사용하여 Flutter 앱에서 이미지를 캐싱할 수 있게 되었습니다.
더 자세한 내용은 cached_network_image 패키지 문서를 참고하실 수 있습니다.