ducafecatFlutter 생태계 탐색
FLUTTER ECOSYSTEM

Dharini17/gallery_zoom_slides

Dharini17/gallery_zoom_slides open-source repository details.

GitHub에서 보기 ↗
gallery_zoom_slides 프로젝트 이미지
Stars
0
Forks
0
최근 푸시(UTC)
2023. 10. 19.
프로젝트 상태
활성
dharini GitHub avatar
GITHUB User

dharini ↗

Flutter Developer

India
언어DartHTMLCMakeShellObjective-CJavaSwiftCC++Kotlin

이 저장소가 배포한 패키지

사용 중인 의존성

의존성 목록 5 개

원본 README

아래는 영문 원문 스냅샷입니다. 최신 내용은 GitHub에서 확인하세요.

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