mirror of
https://github.com/immich-app/immich.git
synced 2024-12-22 01:47:08 +02:00
158 lines
4.5 KiB
Dart
158 lines
4.5 KiB
Dart
import 'dart:math';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:immich_mobile/extensions/build_context_extensions.dart';
|
|
import 'package:immich_mobile/modules/asset_viewer/image_providers/immich_local_image_provider.dart';
|
|
import 'package:immich_mobile/modules/asset_viewer/image_providers/immich_remote_image_provider.dart';
|
|
import 'package:immich_mobile/modules/home/ui/asset_grid/thumbnail_placeholder.dart';
|
|
import 'package:immich_mobile/shared/models/asset.dart';
|
|
import 'package:immich_mobile/shared/models/store.dart';
|
|
import 'package:octo_image/octo_image.dart';
|
|
import 'package:photo_manager/photo_manager.dart';
|
|
import 'package:photo_manager_image_provider/photo_manager_image_provider.dart';
|
|
|
|
class ImmichImage extends StatelessWidget {
|
|
const ImmichImage(
|
|
this.asset, {
|
|
this.width,
|
|
this.height,
|
|
this.fit = BoxFit.cover,
|
|
this.placeholder = const ThumbnailPlaceholder(),
|
|
this.isThumbnail = false,
|
|
this.thumbnailSize = 250,
|
|
super.key,
|
|
});
|
|
|
|
final Asset? asset;
|
|
final Widget? placeholder;
|
|
final double? width;
|
|
final double? height;
|
|
final BoxFit fit;
|
|
final bool isThumbnail;
|
|
final int thumbnailSize;
|
|
|
|
/// Factory constructor to use the thumbnail variant
|
|
factory ImmichImage.thumbnail(
|
|
Asset? asset, {
|
|
BoxFit fit = BoxFit.cover,
|
|
double? width,
|
|
double? height,
|
|
}) {
|
|
// Use the width and height to derive thumbnail size
|
|
final thumbnailSize = max(width ?? 250, height ?? 250).toInt();
|
|
|
|
return ImmichImage(
|
|
asset,
|
|
isThumbnail: true,
|
|
fit: fit,
|
|
width: width,
|
|
height: height,
|
|
placeholder: ThumbnailPlaceholder(
|
|
height: thumbnailSize.toDouble(),
|
|
width: thumbnailSize.toDouble(),
|
|
),
|
|
thumbnailSize: thumbnailSize,
|
|
);
|
|
}
|
|
|
|
// Helper function to return the image provider for the asset
|
|
// either by using the asset ID or the asset itself
|
|
/// [asset] is the Asset to request, or else use [assetId] to get a remote
|
|
/// image provider
|
|
/// Use [isThumbnail] and [thumbnailSize] if you'd like to request a thumbnail
|
|
/// The size of the square thumbnail to request. Ignored if isThumbnail
|
|
/// is not true
|
|
static ImageProvider imageProvider({
|
|
Asset? asset,
|
|
String? assetId,
|
|
bool isThumbnail = false,
|
|
int thumbnailSize = 250,
|
|
}) {
|
|
if (asset == null && assetId == null) {
|
|
throw Exception('Must supply either asset or assetId');
|
|
}
|
|
|
|
if (asset == null) {
|
|
return ImmichRemoteImageProvider(
|
|
assetId: assetId!,
|
|
isThumbnail: isThumbnail,
|
|
);
|
|
}
|
|
|
|
if (useLocal(asset) && isThumbnail) {
|
|
return AssetEntityImageProvider(
|
|
asset.local!,
|
|
isOriginal: false,
|
|
thumbnailSize: ThumbnailSize.square(thumbnailSize),
|
|
);
|
|
} else if (useLocal(asset) && !isThumbnail) {
|
|
return ImmichLocalImageProvider(
|
|
asset: asset,
|
|
);
|
|
} else {
|
|
return ImmichRemoteImageProvider(
|
|
assetId: asset.remoteId!,
|
|
isThumbnail: isThumbnail,
|
|
);
|
|
}
|
|
}
|
|
|
|
static bool useLocal(Asset asset) =>
|
|
!asset.isRemote ||
|
|
asset.isLocal && !Store.get(StoreKey.preferRemoteImage, false);
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
if (asset == null) {
|
|
return Container(
|
|
decoration: const BoxDecoration(
|
|
color: Colors.grey,
|
|
),
|
|
child: SizedBox(
|
|
width: width,
|
|
height: height,
|
|
child: const Center(
|
|
child: Icon(Icons.no_photography),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
return OctoImage(
|
|
fadeInDuration: const Duration(milliseconds: 0),
|
|
fadeOutDuration: const Duration(milliseconds: 200),
|
|
placeholderBuilder: (context) {
|
|
if (placeholder != null) {
|
|
// Use the gray box placeholder
|
|
return placeholder!;
|
|
}
|
|
// No placeholder
|
|
return const SizedBox();
|
|
},
|
|
image: ImmichImage.imageProvider(
|
|
asset: asset,
|
|
isThumbnail: isThumbnail,
|
|
),
|
|
width: width,
|
|
height: height,
|
|
fit: fit,
|
|
errorBuilder: (context, error, stackTrace) {
|
|
if (error is PlatformException &&
|
|
error.code == "The asset not found!") {
|
|
debugPrint(
|
|
"Asset ${asset?.localId} does not exist anymore on device!",
|
|
);
|
|
} else {
|
|
debugPrint(
|
|
"Error getting thumb for assetId=${asset?.localId}: $error",
|
|
);
|
|
}
|
|
return Icon(
|
|
Icons.image_not_supported_outlined,
|
|
color: context.primaryColor,
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|