본문 바로가기
프로그래밍/Flutter-Dart

[Flutter] cached_network_image

by 채연2 2021. 3. 25.

cached_network_image

- 캐시된 이미지 사용하는 방법. offline 상태에서도 이미지를 볼 수 있다고 한다.

- 한 번 실행해서 이미지를 다운 받은 후에 인터넷 연결 해제한 후 다시 실행해도 됨

 

 

 

pubspec.yaml


		
dependencies:
flutter:
sdk: flutter
cached_network_image: ^2.5.1

 

 

 

main.dart


		
import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
final title = 'Cached Images';
return MaterialApp(
title: title,
home: Scaffold(
appBar: AppBar(
title: Text(title),
),
body: Center(
child: CachedNetworkImage(
imageUrl: "https://media.tenor.com/images/4294deb5ec97086243174b085d609695/tenor.gif",
placeholder: (context, url) => CircularProgressIndicator(),
errorWidget: (context, url, error) => Icon(Icons.error),
),
),
),
);
}
}

 

 

 

결과

 

 

 

 

참고 : blog.naver.com/PostView.nhn?blogId=getinthere&logNo=221749042022&parentCategoryNo=34&categoryNo=&viewDate=&isShowPopularPosts=false&from=postList

 

flutter 챕터3 - Flutter 29강 Work with cached images

캐시된 이미지를 사용하는 방법이다. 캐시된 이미지를 사용하면 offline 상태에서도 가능하다.한번 실행해...

blog.naver.com

 

320x100

'프로그래밍 > Flutter-Dart' 카테고리의 다른 글

[Flutter] Dice App  (0) 2021.03.25
[Flutter] Shared preferences  (0) 2021.03.25
[Flutter] get package (2)  (0) 2021.03.25
[Flutter] get package (1)  (0) 2021.03.24
[Flutter] GestureDetector  (0) 2021.03.24

댓글