🌐 cached_network_image についてのまとめ 🌐

cached_network_imageとは？

cached_network_imageは、Flutterアプリケーションでネットワーク画像をキャッシュしながら表示するためのプラグイン。
これにより、画像の読み込みが高速化され、ネットワークトラフィックも削減される。

cached_network_image | Flutter package

Flutter library to load and cache network images. Can also be used with placeholder and error widgets.

pub.dev

cached_network_imageの使い方

インストール方法

cached_network_image install | Flutter package

Flutter library to load and cache network images. Can also be used with placeholder and error widgets.

pub.dev

使用方法

CachedNetworkImage

ネットワーク画像をキャッシュしながら表示するためのウィジェット。URLを指定するだけで使用可能。

使い方

CachedNetworkImage(
  imageUrl: 'https://www.example.com/image.jpg',
  placeholder: (context, url) => CircularProgressIndicator(),
  errorWidget: (context, url, error) => Icon(Icons.error),
);

ImageCacheManager

キャッシュ管理を行うクラス。キャッシュのクリアや設定のカスタマイズが可能。

使い方

// キャッシュをクリアする
await DefaultCacheManager().emptyCache();

その他主要機能

• Placeholder: 画像が読み込まれるまでの間に表示されるプレースホルダーウィジェット。
• ErrorWidget: 画像の読み込みに失敗した場合に表示されるエラーメッセージウィジェット。
• FadeInImage: 画像が読み込まれた際にフェードインアニメーションを使用するオプション。