[Flutter] cached_network_image

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