github-mirrors/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2026-03-06 10:07:48 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat(mobile): sqlite asset viewer (#19552)

Browse Source 
* add full image provider and refactor thumb providers

* photo_view updates

* wip: asset-viewer

* fix controller dispose on page change

* wip: bottom sheet

* fix interactions

* more bottomsheet changes

* generate schema

* PR feedback

* refactor asset viewer

* never rotate and fix background on page change

* use photoview as the loading builder

* precache after delay

* claude: optimizing rebuild of image provider

* claude: optimizing image decoding and caching

* use proper cache for new full size image providers

* chore: load local HEIC fullsize for iOS

* make controller callbacks nullable

* remove imageprovider cache

* do not handle drag gestures when zoomed

* use loadOriginal setting for HEIC / larger images

* preload assets outside timer

* never use same controllers in photo-view gallery

* fix: cannot scroll down once swipe with bottom sheet

---------

Co-authored-by: shenlong-tanwen <139912620+shalong-tanwen@users.noreply.github.com>
Co-authored-by: Alex <alex.tran1502@gmail.com>
This commit is contained in:
shenlong
2025-07-02 23:54:37 +05:30
committed by GitHub
parent ec603a008c
commit 7855974a29
47 changed files with 1867 additions and 490 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
mobile/lib/widgets/photo_view/photo_view_gallery.dart
View File

@@ -4,13 +4,14 @@ import 'package:immich_mobile/widgets/photo_view/photo_view.dart'
show
LoadingBuilder,
PhotoView,
PhotoViewControllerCallback,
PhotoViewImageDragEndCallback,
PhotoViewImageDragStartCallback,
PhotoViewImageDragUpdateCallback,
PhotoViewImageLongPressStartCallback,
PhotoViewImageScaleEndCallback,
PhotoViewImageTapDownCallback,
PhotoViewImageTapUpCallback,
PhotoViewImageDragStartCallback,
PhotoViewImageDragEndCallback,
PhotoViewImageDragUpdateCallback,
PhotoViewImageScaleEndCallback,
PhotoViewImageLongPressStartCallback,
ScaleStateCycle;
import 'package:immich_mobile/widgets/photo_view/src/controller/photo_view_controller.dart';
import 'package:immich_mobile/widgets/photo_view/src/controller/photo_view_scalestate_controller.dart';
@@ -19,7 +20,10 @@ import 'package:immich_mobile/widgets/photo_view/src/photo_view_scale_state.dart
import 'package:immich_mobile/widgets/photo_view/src/utils/photo_view_hero_attributes.dart';
/// A type definition for a [Function] that receives a index after a page change in [PhotoViewGallery]
typedef PhotoViewGalleryPageChangedCallback = void Function(int index);
typedef PhotoViewGalleryPageChangedCallback = void Function(
int index,
PhotoViewControllerBase? controller,
);
/// A type definition for a [Function] that defines a page in [PhotoViewGallery.build]
typedef PhotoViewGalleryBuilder = PhotoViewGalleryPageOptions Function(
@@ -114,12 +118,14 @@ class PhotoViewGallery extends StatefulWidget {
this.reverse = false,
this.pageController,
this.onPageChanged,
this.onPageBuild,
this.scaleStateChangedCallback,
this.enableRotation = false,
this.scrollPhysics,
this.scrollDirection = Axis.horizontal,
this.customSize,
this.allowImplicitScrolling = false,
this.enablePanAlways = false,
}) : itemCount = null,
builder = null;
@@ -137,12 +143,14 @@ class PhotoViewGallery extends StatefulWidget {
this.reverse = false,
this.pageController,
this.onPageChanged,
this.onPageBuild,
this.scaleStateChangedCallback,
this.enableRotation = false,
this.scrollPhysics,
this.scrollDirection = Axis.horizontal,
this.customSize,
this.allowImplicitScrolling = false,
this.enablePanAlways = false,
}) : pageOptions = null,
assert(itemCount != null),
assert(builder != null);
@@ -168,6 +176,9 @@ class PhotoViewGallery extends StatefulWidget {
/// Mirror to [PhotoView.wantKeepAlive]
final bool wantKeepAlive;
/// Mirror to [PhotoView.enablePanAlways]
final bool enablePanAlways;
/// Mirror to [PhotoView.gaplessPlayback]
final bool gaplessPlayback;
@@ -180,6 +191,9 @@ class PhotoViewGallery extends StatefulWidget {
/// An callback to be called on a page change
final PhotoViewGalleryPageChangedCallback? onPageChanged;
/// Mirror to [PhotoView.onPageBuild]
final ValueChanged<PhotoViewControllerBase>? onPageBuild;
/// Mirror to [PhotoView.scaleStateChangedCallback]
final ValueChanged<PhotoViewScaleState>? scaleStateChangedCallback;
@@ -206,6 +220,7 @@ class PhotoViewGallery extends StatefulWidget {
class _PhotoViewGalleryState extends State<PhotoViewGallery> {
late final PageController _controller =
widget.pageController ?? PageController();
PhotoViewControllerCallback? _getController;
void scaleStateChangedCallback(PhotoViewScaleState scaleState) {
if (widget.scaleStateChangedCallback != null) {
@@ -224,6 +239,14 @@ class _PhotoViewGalleryState extends State<PhotoViewGallery> {
return widget.pageOptions!.length;
}
void _getControllerCallbackBuilder(PhotoViewControllerCallback method) {
_getController = method;
}
void _onPageChange(int page) {
widget.onPageChanged?.call(page, _getController?.call());
}
@override
Widget build(BuildContext context) {
// Enable corner hit test
@@ -232,7 +255,7 @@ class _PhotoViewGalleryState extends State<PhotoViewGallery> {
child: PageView.builder(
reverse: widget.reverse,
controller: _controller,
onPageChanged: widget.onPageChanged,
onPageChanged: _onPageChange,
itemCount: itemCount,
itemBuilder: _buildItem,
scrollDirection: widget.scrollDirection,
@@ -255,6 +278,8 @@ class _PhotoViewGalleryState extends State<PhotoViewGallery> {
controller: pageOption.controller,
scaleStateController: pageOption.scaleStateController,
customSize: widget.customSize,
onPageBuild: widget.onPageBuild,
controllerCallbackBuilder: _getControllerCallbackBuilder,
scaleStateChangedCallback: scaleStateChangedCallback,
enableRotation: widget.enableRotation,
initialScale: pageOption.initialScale,
@@ -273,7 +298,9 @@ class _PhotoViewGalleryState extends State<PhotoViewGallery> {
filterQuality: pageOption.filterQuality,
basePosition: pageOption.basePosition,
disableGestures: pageOption.disableGestures,
disableScaleGestures: pageOption.disableScaleGestures,
heroAttributes: pageOption.heroAttributes,
enablePanAlways: widget.enablePanAlways,
child: pageOption.child,
)
: PhotoView(
@@ -282,8 +309,11 @@ class _PhotoViewGalleryState extends State<PhotoViewGallery> {
imageProvider: pageOption.imageProvider,
loadingBuilder: widget.loadingBuilder,
backgroundDecoration: widget.backgroundDecoration,
semanticLabel: pageOption.semanticLabel,
wantKeepAlive: widget.wantKeepAlive,
controller: pageOption.controller,
onPageBuild: widget.onPageBuild,
controllerCallbackBuilder: _getControllerCallbackBuilder,
scaleStateController: pageOption.scaleStateController,
customSize: widget.customSize,
gaplessPlayback: widget.gaplessPlayback,
@@ -305,6 +335,8 @@ class _PhotoViewGalleryState extends State<PhotoViewGallery> {
filterQuality: pageOption.filterQuality,
basePosition: pageOption.basePosition,
disableGestures: pageOption.disableGestures,
disableScaleGestures: pageOption.disableScaleGestures,
enablePanAlways: widget.enablePanAlways,
errorBuilder: pageOption.errorBuilder,
heroAttributes: pageOption.heroAttributes,
);
@@ -334,6 +366,7 @@ class PhotoViewGalleryPageOptions {
Key? key,
required this.imageProvider,
this.heroAttributes,
this.semanticLabel,
this.minScale,
this.maxScale,
this.initialScale,
@@ -351,6 +384,7 @@ class PhotoViewGalleryPageOptions {
this.gestureDetectorBehavior,
this.tightMode,
this.filterQuality,
this.disableScaleGestures,
this.disableGestures,
this.errorBuilder,
}) : child = null,
@@ -360,6 +394,7 @@ class PhotoViewGalleryPageOptions {
const PhotoViewGalleryPageOptions.customChild({
required this.child,
this.childSize,
this.semanticLabel,
this.heroAttributes,
this.minScale,
this.maxScale,
@@ -378,6 +413,7 @@ class PhotoViewGalleryPageOptions {
this.gestureDetectorBehavior,
this.tightMode,
this.filterQuality,
this.disableScaleGestures,
this.disableGestures,
}) : errorBuilder = null,
imageProvider = null;
@@ -388,6 +424,9 @@ class PhotoViewGalleryPageOptions {
/// Mirror to [PhotoView.heroAttributes]
final PhotoViewHeroAttributes? heroAttributes;
/// Mirror to [PhotoView.semanticLabel]
final String? semanticLabel;
/// Mirror to [PhotoView.minScale]
final dynamic minScale;
@@ -445,6 +484,9 @@ class PhotoViewGalleryPageOptions {
/// Mirror to [PhotoView.disableGestures]
final bool? disableGestures;
/// Mirror to [PhotoView.disableGestures]
final bool? disableScaleGestures;
/// Quality levels for image filters.
final FilterQuality? filterQuality;