75 lines
2.2 KiB
Dart
75 lines
2.2 KiB
Dart
import 'package:aves/model/entry/entry.dart';
|
|
import 'package:aves/widgets/common/fx/borders.dart';
|
|
import 'package:aves/widgets/common/grid/overlay.dart';
|
|
import 'package:aves/widgets/common/thumbnail/image.dart';
|
|
import 'package:aves/widgets/common/thumbnail/notifications.dart';
|
|
import 'package:aves/widgets/common/thumbnail/overlay.dart';
|
|
import 'package:flutter/material.dart';
|
|
|
|
class DecoratedThumbnail extends StatelessWidget {
|
|
final AvesEntry entry;
|
|
final double tileExtent;
|
|
final ValueNotifier<bool>? cancellableNotifier;
|
|
final bool isMosaic, selectable, highlightable;
|
|
final Object? Function()? heroTagger;
|
|
|
|
static final Color borderColor = Colors.grey.shade700;
|
|
static final double borderWidth = AvesBorder.straightBorderWidth;
|
|
|
|
const DecoratedThumbnail({
|
|
super.key,
|
|
required this.entry,
|
|
required this.tileExtent,
|
|
this.cancellableNotifier,
|
|
this.isMosaic = false,
|
|
this.selectable = true,
|
|
this.highlightable = true,
|
|
this.heroTagger,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final thumbnailWidth = isMosaic ? tileExtent * entry.displayAspectRatio : tileExtent;
|
|
final thumbnailHeight = tileExtent;
|
|
|
|
Widget child = ThumbnailImage(
|
|
entry: entry,
|
|
extent: tileExtent,
|
|
isMosaic: isMosaic,
|
|
cancellableNotifier: cancellableNotifier,
|
|
heroTag: heroTagger?.call(),
|
|
);
|
|
|
|
child = Stack(
|
|
fit: StackFit.passthrough,
|
|
children: [
|
|
child,
|
|
ThumbnailEntryOverlay(entry: entry),
|
|
if (selectable) ...[
|
|
GridItemSelectionOverlay<AvesEntry>(
|
|
item: entry,
|
|
padding: const EdgeInsets.all(2),
|
|
),
|
|
ThumbnailZoomOverlay(
|
|
onZoom: () => OpenViewerNotification(entry).dispatch(context),
|
|
),
|
|
],
|
|
if (highlightable) ThumbnailHighlightOverlay(entry: entry),
|
|
],
|
|
);
|
|
|
|
return Container(
|
|
// `decoration` with sub logical pixel width yields scintillating borders
|
|
// so we use `foregroundDecoration` instead
|
|
foregroundDecoration: BoxDecoration(
|
|
border: Border.fromBorderSide(BorderSide(
|
|
color: borderColor,
|
|
width: borderWidth,
|
|
)),
|
|
),
|
|
width: thumbnailWidth,
|
|
height: thumbnailHeight,
|
|
child: child,
|
|
);
|
|
}
|
|
}
|