gallery_view

패키지 개요

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

갤러리 뷰는 시각적으로 매력적인 갤러리 레이아웃으로 이미지 목록을 표시하도록 설계된 플러터 플러그인입니다. 부드러운 스크롤링과 직관적인 상호작용을 통해 사용자가 이미지를 탐색할 수 있으며, 사진 갤러리나 이미지 중심 애플리케이션에 적합합니다. 이 플러그인은 안드로이드와 iOS 플랫폼을 모두 지원하여 다양한 기기에서 일관된 성능을 보장합니다. 단순성을 중시해 설계되었으며, 간단한 API를 통해 기존 프로젝트에 쉽게 통합할 수 있습니다.

사용 사례

사진 갤러리 앱
이미지 브라우징 인터페이스
전자상거래 제품 이미지 표시
소셜 미디어 이미지 피드
포트폴리오 표시

주요 기능

스무스 갤러리 스크롤
크로스 플랫폼 지원 (Android 및 iOS)
Flutter와의 간단한 통합
반응형 이미지 레이아웃
내장된 스와이프 제스처

적합한 대상

이미지 중심 앱을 개발하는 개발자
직관적인 이미지 탐색이 필요한 앱
경량 갤러리 솔루션이 필요한 프로젝트
모바일 우선 UI 디자인
이미지 갤러리의 빠른 프로토타이핑

고려 사항

제한된 사용자 정의 옵션
내장된 이미지 로딩 최적화 없음
대규모 이미지 세트를 수동으로 처리해야 합니다
복잡한 이미지 조작에 적합하지 않습니다
고급 기능을 위해 외부 이미지 로딩 라이브러리에 의존합니다

원본 README

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

Image Gallery View Widget

A new plugin to show the list of network image and show it in a gallery view with hero animation

Getting Started

Feature
1. Show user list of network image using urls in gallery view
2. Added Hero animation for smooth transition effect.
3. User able to zoom into image and swipe left and right to swipe between images.
4. Also showing loading icon while image is loading from url.

Example

import 'package:flutter/material.dart';
import 'package:gallery_view/gallery_view.dart';

void main() {
  runApp(MaterialApp(
    home: Scaffold(
      body: Center(
      child: GalleryView(
       imageUrlList:[
                     "https://images.unsplash.com/photo-1500100586562-f75ff6540087?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                     "https://images.unsplash.com/photo-1523719185231-aff40a400361?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                    "https://images.unsplash.com/photo-1500100586562-f75ff6540087?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                     "https://images.unsplash.com/photo-1523719185231-aff40a400361?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                     "https://images.unsplash.com/photo-1500100586562-f75ff6540087?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                     "https://images.unsplash.com/photo-1523719185231-aff40a400361?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                     "https://images.unsplash.com/photo-1500100586562-f75ff6540087?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                     "https://images.unsplash.com/photo-1523719185231-aff40a400361?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                    
                   ]
        ),
      ),
    ),
  ));
}