zoomable_photo_gallery

Description:

zoomable photo gallery

Zoomable Photo Gallery #
A Flutter package, It would help you make has zoomable photo gallery easy.
Getting Started #
To start using this package, add zoomable_photo_gallery dependency to your pubspec.yaml
dependencies:
zoomable_photo_gallery: "<latest_release>"
copied to clipboard
Documentation #
ZoomablePhotoGallery #
This is so simple to use, it needs only images widget.
you can use asset file(jpg,png) or network image or CachedNetworkImage what ever you want.
ZoomablePhotoGallery(
imageList: List.generate(
imageFile.length,
(index) => imageFile[index],
),
),

--- or ---

ZoomablePhotoGallery(
controller: controller,
initIndex: 3,
backColor: Colors.white,
maxZoom: 5,
minZoom: 0.5,
location: IndicatorLocation.BOTTOM_CENTER,
changePage: (int index) {
setState(() {
currentPageIndex = index;
});
},
indicator: List.generate(
imageUrl.length,
(index) => Container(
margin: const EdgeInsets.symmetric(horizontal: 3),
width: 10,
height: 10,
decoration: BoxDecoration(
color: index == currentPageIndex ? Colors.red : Colors.grey,
),
),
).toList(),
imageList: List.generate(
imageUrl.length,
(index) => CachedNetworkImage(
imageUrl: imageUrl[index],
fadeInDuration: Duration.zero,
fadeOutDuration: Duration.zero,
progressIndicatorBuilder: (_, v, p) {
return const Center(child: CircularProgressIndicator());
},
)
),
),
onTap: () {
Navigator.pop(context);
},
copied to clipboard



Parameters
Value
Required
Docs




imageList
List<Widget>
YES
Required to image list widget


initIndex
int
No
First view location of when would mounted this widget


location
IndicatorLocation
No
indicator location enum option (ex : BOTTOM_CENTER , TOP_CENTER ...)


controller
ZoomablePhotoController
No
You can controller paging in yourside. so you can make custom indicator


backColor
Color
No
You can set the exterior color.


height
double
No
It is height of photo gallery , default is display of device size


maxZoom
double
No
This is the maximum zoom possible. default is 2.5


minZoom
double
No
This is the minimum zoom possible. default is 0.5


changePage
Function(int)
No
You can received current page when page changed


indicator
List<Widget>
No
You can make custom indicator widget


onTap
Function()
No
You can recived image tap event



IndicatorLocation #
indicator location enum option
enum IndicatorLocation{
BOTTOM_CENTER,
BOTTOM_LEFT,
BOTTOM_RIGHT,
TOP_CENTER,
TOP_LEFT,
TOP_RIGHT,
}
copied to clipboard
Screens #

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter