cached_memory_image 1.2.1

A Flutter library to show images from the Base64, Uint8List and keep them in the cache directory.

example/lib/main.dart

import 'package:cached_memory_image/cached_image_base64_manager.dart';
import 'package:cached_memory_image/cached_image_manager.dart';
import 'package:cached_memory_image/cached_memory_image.dart';
import 'package:cached_memory_image/provider/cached_memory_image_provider.dart';
import 'package:cached_memory_image_example/image_data.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final CachedImageManager _cachedImageManager =
      CachedImageBase64Manager.instance();

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Cached Memory Image'),
        ),
        body: Row(
          children: [
            Expanded(
              child: ListView.builder(
                itemCount: 2,
                itemBuilder: (context, index) => Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: Column(
                    children: [
                      CachedMemoryImage(
                        uniqueKey: 'app://image/1',
                        errorWidget: const Text('Error'),
                        base64: ImageData.base64,
                      ),
                      FutureBuilder(
                        future: _cachedImageManager.isExists('app://image/1'),
                        builder: (context, snapshot) {
                          if (snapshot.hasData) {
                            return Text('Is Exists: ${snapshot.data}');
                          }
                          return const SizedBox();
                        },
                      ),
                    ],
                  ),
                ),
              ),
            ),
            Expanded(
              child: ListView.builder(
                itemCount: 2,
                itemBuilder: (context, index) => Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: Column(
                    children: [
                      CachedMemoryImage(
                        uniqueKey: 'app://image/4',
                        errorWidget: const Text('Error'),
                        bytes: ImageData.bytes,
                      ),
                      FutureBuilder(
                        future: _cachedImageManager.isExists('app://image/4'),
                        builder: (context, snapshot) {
                          if (snapshot.hasData) {
                            return Text('Is Exists: ${snapshot.data}');
                          }
                          return const SizedBox();
                        },
                      ),
                    ],
                  ),
                ),
              ),
            ),
            Expanded(
              child: ListView.builder(
                itemCount: 2,
                itemBuilder: (context, index) => Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: Column(
                    children: [
                      Container(
                        width: 100,
                        height: 45,
                        decoration: BoxDecoration(
                          image: DecorationImage(
                            image: CachedMemoryImageProvider(
                              'app://image/5',
                              bytes: ImageData.bytes,
                            ),
                          ),
                        ),
                      ),
                      FutureBuilder(
                        future: _cachedImageManager.isExists('app://image/4'),
                        builder: (context, snapshot) {
                          if (snapshot.hasData) {
                            return Text('Is Exists: ${snapshot.data}');
                          }
                          return const SizedBox();
                        },
                      ),
                    ],
                  ),
                ),
              ),
            ),
            Expanded(
              child: ListView.builder(
                itemCount: 2,
                itemBuilder: (context, index) => Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: Column(
                    children: [
                      Container(
                        width: 100,
                        height: 45,
                        decoration: BoxDecoration(
                          image: DecorationImage(
                            image: CachedMemoryImageProvider(
                              'app://image/6',
                              base64: ImageData.base64,
                            ),
                          ),
                        ),
                      ),
                      FutureBuilder(
                        future: _cachedImageManager.isExists('app://image/4'),
                        builder: (context, snapshot) {
                          if (snapshot.hasData) {
                            return Text('Is Exists: ${snapshot.data}');
                          }
                          return const SizedBox();
                        },
                      ),
                    ],
                  ),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}