Skip to main content

Morpheme Cached Network Image

Link: pub.dev

A flutter library to show images from the internet and keep them in the cache directory powered with Hive.

How to use​

The MorphemeCachedNetworkImage can be used directly or through the ImageProvider.

Need to Hive.init in first main.

void main() async {
  WidgetsFlutterBinding.ensureInitialized();

  if(!kIsWeb) Hive.init((await getApplicationDocumentsDirectory()).path);

  runApp(const MyApp());
}

With a loading:

MorphemeCachedNetworkImage(
  imageUrl: 'https://picsum.photos/id/2/200',
  loadingBuilder: (context) => const CircularProgressIndicator(),
  errorBuilder: (context, error, stackTrace) => const Icon(Icons.error),
);
Image(image: MorphemeCachedNetworkImageProvider(url))

When you want to set as background you can do with container:

Container(
    width: 200,
    height: 200,
    decoration: BoxDecoration(
        image: DecorationImage(
            image: MorphemeCachedNetworkImageProvider(
            'https://picsum.photos/id/2/200',
            ),
        ),
    ),
),