avs_image 1.1.3

A Flutter package that you can get and use images and SVG from local and network . Image - SVG Provider Supported

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.3

• Added onTap 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

Additional information

ahmetveysel.com