tuoku/photox

기술 주제

# dart # flutter # flutter-package # gallery # photos # photoview # swipe-to-dismiss # swipetodismiss # widget

사용 중인 의존성

의존성 목록 6 개

cached_network_image^3.2.3
collection^1.17.0
flutter{"sdk":"flutter"}
photo_view^0.15.0
flutter_test개발 의존성{"sdk":"flutter"}
flutter_lints개발 의존성^4.0.0

원본 README

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

README 펼치기 / 접기

PhotoX

An all-in-one solution for displaying interactive images

https://user-images.githubusercontent.com/70937274/216778063-619e86a5-a512-4cf0-af08-6bc35eb75bf6.gif https://user-images.githubusercontent.com/70937274/216778074-3660e543-92a7-48b8-a8c7-65d181eb609e.gif

Features

Smoothly animate images into fullscreen and back
Swipe to dismiss images
Pinch to zoom
Automatically generate swipeable gallery when given multiple images

Getting started

Add photox as a dependency in your pubspec.yaml file

flutter pub add photox

Import PhotoX:

import 'package:photox/photox.dart';

Usage

@override
Widget build(BuildContext context) {
  return Container(
    height: 400,
    width: 400,
    child: PhotoX(
      items: [
        PhotoXItem(
          id: "1", resource: "assets/img1.jpg", isAsset: true),
        PhotoXItem(
          id: "2", resource: "assets/img2.jpeg", isAsset: true),
      ]
    )
  );
}

Additional parameters

dismissMode

`DismissMode.swipeAny`	`DismissMode.swipeVertical`
https://user-images.githubusercontent.com/70937274/218322920-97a5040f-40ad-4052-9ef0-7ee4a176efe3.gif	https://user-images.githubusercontent.com/70937274/218322933-cac41507-6faa-4608-a2d0-1e640f1a562a.gif

⚠️ DismissMode.swipeAny can only be used when provided with a single PhotoXItem

showPageIndicator

Whether to show the page indicator in the thumbnail gallery for multiple PhotoXItems

pageIndicatorAlignment

The alignment of the page indicator relative to the gallery

pageIndicatorActiveColor

The color of the active bubble in the page indicator

pageIndicatorInactiveColor

The color of the inactive bubbles in the page indicator

pageIndicatorBackgroundColor

The background color of the page indicator

pageIndicatorBubbleRadius

The radius of the indicator bubbles in the page indicator

pageIndicatorBubblePadding

The padding between the bubbles in the page indicator

fullscreenGalleryTitleTextStyle

The TextStyle for the AppBar title in the fullscreen gallery

fullscreenGalleryAppBarLeadingWidget

A custom widget to use as the leading widget in the fullscreen gallery AppBar

Tuomas Kuha ↗