분류, 패키지 및 저장소 검색

ducafecatFlutter 생태계 탐색
pinch_zoom 표지
패키지 상세v2.0.1

pinch_zoom

Flutter의 새로운 Interactive Viewer를 기반으로 한 위젯으로, 이미지의 핀치 줌을 가능하게 하며 해제 시 초기 크기와 위치로 돌아갑니다.

AndroidiOSWebmacOSWindowsLinux
pub.dev API 문서 소스 코드
30일 다운로드
1.2만
좋아요
221
Pub 점수
150

패키지 설치

flutter pub add pinch_zoom

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

PinchZoom은 Flutter의 InteractiveViewer를 사용하여 이미지에 직관적인 핀치 줌 기능을 가능하게 하는 Flutter 패키지입니다. 사용자는 터치 제스처를 통해 이미지를 확대/축소하고 이동할 수 있으며, 제스처가 끝나면 자동으로 원래 크기와 위치로 돌아갑니다. 단순성과 모든 플랫폼에서 부드러운 성능을 위해 설계되었으며, 이미지 보기 인터페이스에 쉽게 통합됩니다. Android, iOS, Web, macOS, Windows, Linux 등 주요 모든 플랫폼을 지원하므로, 상호작용식 이미지 탐색이 필요한 크로스플랫폼 애플리케이션에 적합합니다.

사용 사례

  • 인터랙티브 이미지 뷰어
  • 사진 갤러리
  • 문서 확대
  • 다이어그램이 포함된 교육 앱
  • 전자상거래 제품 이미지

주요 기능

  • 제스처 기반 핀치 줌
  • 초기 상태로 자동 리셋
  • 크로스 플랫폼 호환성
  • 부드러운 애니메이션 전환
  • Flutter의 InteractiveViewer 기반

적합한 대상

  • 이미지가 많은 앱을 개발하는 개발자
  • 직관적인 이미지 탐색이 필요한 앱
  • 크로스 플랫폼 이미지 상호작용 기능
  • 교육 또는 발표 도구
  • 터치 지원을 갖춘 모바일 우선 디자인

고려 사항

  • 큰 이미지에 대한 최적화가 필요할 수 있습니다
  • 성능은 장치 기능에 따라 달라집니다
  • 기본 줌 동작을 초과한 사용자 정의는 제한적입니다
  • 이미지가 아닌 콘텐츠에는 적합하지 않습니다
  • 이미지 로딩 상태를 올바르게 처리해야 합니다

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

pinch_zoom

A widget based on Flutter's Interactive Viewer that makes picture pinch zoom, and return to its initial size and position when released.

This package offers Instagram based pinch zooming that feels more responsive than other similar packages.

The package is designed for zooming in on images; however, it can also be used to zoom in on a video.

Example one Example two

Installation

Add this to your pubspec.yaml dependencies:

pinch_zoom: ^2.0.1

How to use

Add the widget to your app like this (It automatically takes the size of the image you pass to it):

PinchZoom(
    child: Image.network('https://placecats.com/640/360'),
    maxScale: 2.5,
    onZoomStart: (){print('Start zooming');},
    onZoomEnd: (){print('Stop zooming');},
),

카테고리

이미지

소스 저장소

이 패키지를 사용하는 프로젝트