AVSImage

AVSImage package. 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.5

  • File Image supported

  • Added onTap feature to AVSImage

  • Added onLongPress feature to AVSImage

  • Added onDoubleTap feature to AVSImage

  • Added backgroundColor and backgroundGradient property to AVSImageGallery

  • Added zoomStyle to AVSImage. Select zoom on type. 'onTap, onDoubleTap, onLongPress'

  • Replaced default progressWidget with CircularProgressIndicator.adaptive.

  • Added progressIndicatorWidget property. With this property you can create custom progress widget.

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

Screenshot

Additional information

ahmetveysel.com

Libraries

avs_image