ducafecatFlutter ecosystem guide
FLUTTER ECOSYSTEM

Dharini17/gallery_zoom_slides

Dharini17/gallery_zoom_slides open-source repository details.

View on GitHub ↗
gallery_zoom_slides project cover
Stars
0
Forks
0
Last push (UTC)
Oct 19, 2023
Project status
Active
dharini GitHub avatar
GITHUB User

dharini ↗

Flutter Developer

India
LanguagesDartHTMLCMakeShellObjective-CJavaSwiftCC++Kotlin

Packages published by this repository

Dependencies used

Dependency list 5 items

Original README

English project snapshot. Visit GitHub for the latest content.

Expand / collapse project README

gallery_zoom_slides

Image zoomin & zoomout functionality

Features

  • Pan gesture
  • Pinch zoomin & zoomout
  • Double tap zoomin - zoomout
  • With 6 different themes
https://raw.githubusercontent.com/Dharini17/gallery_zoom_slides/master/assets/options.png
https://raw.githubusercontent.com/Dharini17/gallery_zoom_slides/master/assets/theme1.png https://raw.githubusercontent.com/Dharini17/gallery_zoom_slides/master/assets/theme2.png
https://raw.githubusercontent.com/Dharini17/gallery_zoom_slides/master/assets/theme3.png https://raw.githubusercontent.com/Dharini17/gallery_zoom_slides/master/assets/theme4.png
https://raw.githubusercontent.com/Dharini17/gallery_zoom_slides/master/assets/theme5.png https://raw.githubusercontent.com/Dharini17/gallery_zoom_slides/master/assets/theme6.png

Installation

In your pubspec.yaml file within your Flutter Project:

dependencies:
  gallery_zoom_slides: 0.1.2

Usage


            import 'package:gallery_zoom_slides/gallery_zoom_slides.dart';
            
            Navigator.push(context, MaterialPageRoute(builder: (context)=>
                    galleryZoomSlides(
                    
                        //required fields                 
                        arrayImages:  const [
                        "https://i.ibb.co/C78HbbR/xl-d-pista-oraganza-s-deklook-original-imags3a5bguzakgq.webp",
                        "https://i.ibb.co/jH1SBF4/xl-d-pista-oraganza-s-deklook-original-imags3a5kf7tngq8.webp",
                        "https://i.ibb.co/hZ0By5W/xl-d-pista-oraganza-s-deklook-original-imags3a5pjsfs98c.webp",
                        "https://i.ibb.co/Dt5qBV3/xl-d-pista-oraganza-s-deklook-original-imags3a5xd7ctjvt.webp"
                        ],
                        
                        //Optional fields
                        //.theme1, .theme2, .theme3, .theme4, .theme5, .theme6
                        zoomTheme: ZoomTheme.theme2,
                        selectedImagePosition: 1,
                        selectedThumbnailColor: Colors.blue,
                    )
              )
            );
        ...

NOTE : Images taken only for demo purpose