mirror of
https://github.com/immich-app/immich.git
synced 2025-10-31 10:37:11 -04:00
7855974a29
* 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>
89 lines
2.6 KiB
Dart
89 lines
2.6 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:immich_mobile/domain/models/asset/base_asset.model.dart';
|
|
import 'package:immich_mobile/presentation/widgets/images/image_provider.dart';
|
|
import 'package:immich_mobile/presentation/widgets/images/thumb_hash_provider.dart';
|
|
import 'package:immich_mobile/widgets/asset_grid/thumbnail_placeholder.dart';
|
|
import 'package:immich_mobile/widgets/common/fade_in_placeholder_image.dart';
|
|
import 'package:logging/logging.dart';
|
|
import 'package:octo_image/octo_image.dart';
|
|
|
|
class Thumbnail extends StatelessWidget {
|
|
const Thumbnail({
|
|
this.asset,
|
|
this.remoteId,
|
|
this.size = const Size.square(256),
|
|
this.fit = BoxFit.cover,
|
|
super.key,
|
|
}) : assert(
|
|
asset != null || remoteId != null,
|
|
'Either asset or remoteId must be provided',
|
|
);
|
|
|
|
final BaseAsset? asset;
|
|
final String? remoteId;
|
|
final Size size;
|
|
final BoxFit fit;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final thumbHash =
|
|
asset is RemoteAsset ? (asset as RemoteAsset).thumbHash : null;
|
|
final provider =
|
|
getThumbnailImageProvider(asset: asset, remoteId: remoteId, size: size);
|
|
|
|
return OctoImage.fromSet(
|
|
image: provider,
|
|
octoSet: OctoSet(
|
|
placeholderBuilder: _blurHashPlaceholderBuilder(thumbHash, fit: fit),
|
|
errorBuilder: _blurHashErrorBuilder(
|
|
thumbHash,
|
|
provider: provider,
|
|
fit: fit,
|
|
asset: asset,
|
|
),
|
|
),
|
|
fadeOutDuration: const Duration(milliseconds: 100),
|
|
fadeInDuration: Duration.zero,
|
|
width: size.width,
|
|
height: size.height,
|
|
fit: fit,
|
|
placeholderFadeInDuration: Duration.zero,
|
|
);
|
|
}
|
|
}
|
|
|
|
OctoPlaceholderBuilder _blurHashPlaceholderBuilder(
|
|
String? thumbHash, {
|
|
BoxFit? fit,
|
|
}) {
|
|
return (context) => thumbHash == null
|
|
? const ThumbnailPlaceholder()
|
|
: FadeInPlaceholderImage(
|
|
placeholder: const ThumbnailPlaceholder(),
|
|
image: ThumbHashProvider(thumbHash: thumbHash),
|
|
fit: fit ?? BoxFit.cover,
|
|
);
|
|
}
|
|
|
|
OctoErrorBuilder _blurHashErrorBuilder(
|
|
String? blurhash, {
|
|
BaseAsset? asset,
|
|
ImageProvider? provider,
|
|
BoxFit? fit,
|
|
}) =>
|
|
(context, e, s) {
|
|
Logger("ImThumbnail")
|
|
.warning("Error loading thumbnail for ${asset?.name}", e, s);
|
|
provider?.evict();
|
|
return Stack(
|
|
alignment: Alignment.center,
|
|
children: [
|
|
_blurHashPlaceholderBuilder(blurhash, fit: fit)(context),
|
|
const Opacity(
|
|
opacity: 0.75,
|
|
child: Icon(Icons.error_outline_rounded),
|
|
),
|
|
],
|
|
);
|
|
};
|