avs_image 1.1.11

Effortlessly display all images and SVG files. With zoom, ImageProvider support, and a built-in full-screen dialog feature!

AVSImage

AVSImage package. ALL IN ONE! A Flutter package that you can get and use images from local and network. Keep your images in the cache directory. You can also use your SVG files with this package. Gradient color SVG is supported. All in one and easy to use.

• With AVSImageProvider you can easily use images and svg files as ImageProvider.

• With AVSImageGallery you can show your images as a gallery.

👍 Like us on pub.dev to support us!

What's new? v1.1.11

• AVSImage 'zoomCloseType' property added

Getting started

No permission is needed.

Usage

Please review the example folder

Define the widget,

AVSImage(
    "https://upload.wikimedia.org/wikipedia/commons/thumb/1/1a/About_to_Launch_%2826075320352%29.jpg/1280px-About_to_Launch_%2826075320352%29.jpg",
    isCircle: true,
    width: 100,
    height: 100,
    alignment: Alignment.center,
    errorImgWidget: const Icon(
        Icons.error,
        color: Colors.red,
    ),
),

Using errorImgWidget

Use error widget for your files not working with errorImgWidget

AVSImage(
    "https://cdnuploads.aa.com.tr/uploads/Contents/2020/07/19/thumbs_b_c_24ab0f37a2ebc9b694d4c1fceeb2171c.jpg?v=130117",
    isCircle: true,
    errorImgWidget: const Icon(
        Icons.error,
        color: Colors.red,
    ),
),

Using AVSImageProvider

ImageProvider with Image

Container(
    height: 200,
    width: 300,
    alignment: Alignment.center,
    decoration: BoxDecoration(
    borderRadius: BorderRadius.circular(20),
    color: Colors.grey[300],
    image: DecorationImage(
        fit: BoxFit.contain,
        image: AVSImageProvider("https://www.svgrepo.com/show/530440/machine-vision.svg", scale: 9),
        ),
    ),
    child: const Text("Image - SVG Provider"),
),

Use AVSImageGallery

TextButton(
    onPressed: () {
        AVSImageGallery(context, imagePaths: [
            "assets/images/1.jpg",
            "assets/images/2.jpg",
            "assets/images/3.jpg",
            "assets/images/4.jpg",
        ]).show();
    },
    child: const Text("Open Gallery"),
),

ScreenShot

Additional information

ahmetveysel.com