# Flutter 好用package - cached_network_image 介紹

## cached_network_image
它可以將網絡圖像進行本地緩存，在需要的時候直接加載，這個庫實現了圖片緩存加載和載入效果。

flutter pub add cached_network_image

* imageUrl: 圖片網址
* placeholder: 載入效果
* errorWidget: 無法載入圖示
* fadeOutDuration: 漸出時間
* fadeInDuration: 漸入時間

[官網](https://pub.dev/packages/cached_network_image)

### 程式範例

child: CachedNetworkImage(
    imageUrl: recipe.image,
    placeholder: (context, url) => const CircularProgressIndicator(),
    height: 210,
    fit: BoxFit.fill,
    errorWidget: (context, url, error) => Icon(Icons.error),
    fadeOutDuration: const Duration(seconds: 1),
    fadeInDuration: const Duration(seconds: 3),
),


###### tags: `flutter`