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
Additional information
