🖼 Cached Network Image Widget #

The Cached Network Image Widget package provides a simple, customizable way to display network images and SVGs in your Flutter applications.
It supports image caching, blurhash placeholders, shimmer loading animations, and SVG color customization — all with minimal setup.

✨ Features #

• 🧠 Smart Caching – Automatically caches network images and SVGs
• 🌈 BlurHash Placeholders – Show a blurred preview while loading
• ⚡ Shimmer Loading – Smooth skeleton loading animation
• 🎨 SVG Support – Load and color SVGs from URLs
• 🧩 Customizable Styles – Supports radius, borders, and shapes
• ❌ Error Handling – Gracefully handle missing or broken images

⚙️ Installation #

Add cached_network_image_widget to your pubspec.yaml file:

dependencies:
  cached_network_image_widget: ^1.0.0

Then run:

```bash
flutter pub get

Import the package:

import 'package:cached_network_image_widget/cached_network_image_widget.dart';

🚀 Usage #

1. Display a Cached Network Image

CachedNetworkImageWidget(
	'https://picsum.photos/400/300',
	height: 200,
	width: 300,
	borderRadius: BorderRadius.circular(12),
);

2. Display a Cached SVG Image

CachedNetworkSvgWidget(
	'https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/android.svg',
	height: 100,
	width: 100,
	color: Colors.green,
);

3. With BlurHash and Error Handling

CachedNetworkImageWidget(
	'https://example.com/photo-BH_cE3gK-EVH_.jpg', // BlurHash in URL
	height: 250,
	width: double.infinity,
	shape: BoxShape.rectangle,
	border: Border.all(color: Colors.grey.shade300),
	errorBuilder: (context, url, error) => const Icon(Icons.broken_image),
);

🔧 Parameters #

📄 License #

🧪 Example App

You can find a working demo inside the example/ folder.
Run it directly:

cd example
flutter run

🪪 License

This project is licensed under the MIT License.
© 2025 Safeen Kurd

👤 Author

Safeen Kurd
📧 safeenkurd96@gmail.com
🌐 void.krd — safeenkurd.info