split Thumbnail

This commit is contained in:
Thibault Deckers 2019-12-24 17:05:42 +09:00
parent 96fe885752
commit 742cd7ad65

View file

@ -18,6 +18,7 @@ class Thumbnail extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final image = ImagePreview( final image = ImagePreview(
key: ValueKey(entry.uri),
entry: entry, entry: entry,
width: extent, width: extent,
height: extent, height: extent,
@ -51,7 +52,6 @@ class Thumbnail extends StatelessWidget {
); );
}, },
); );
final icons = _buildOverlayIcons();
return Container( return Container(
decoration: BoxDecoration( decoration: BoxDecoration(
border: Border.all( border: Border.all(
@ -59,43 +59,53 @@ class Thumbnail extends StatelessWidget {
width: 0.5, width: 0.5,
), ),
), ),
child: icons != null child: Stack(
? Stack(
alignment: AlignmentDirectional.bottomStart, alignment: AlignmentDirectional.bottomStart,
children: [ children: [
image, image,
icons, _ThumbnailOverlay(
entry: entry,
extent: extent,
),
], ],
) ),
: image,
); );
} }
}
Widget _buildOverlayIcons() { class _ThumbnailOverlay extends StatelessWidget {
final ImageEntry entry;
final double extent;
const _ThumbnailOverlay({
Key key,
@required this.entry,
@required this.extent,
}) : super(key: key);
@override
Widget build(BuildContext context) {
final fontSize = min(14.0, (extent / 8).roundToDouble()); final fontSize = min(14.0, (extent / 8).roundToDouble());
final iconSize = fontSize * 2; final iconSize = fontSize * 2;
final icons = [ return Column(
mainAxisAlignment: MainAxisAlignment.end,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
if (entry.hasGps) GpsIcon(iconSize: iconSize), if (entry.hasGps) GpsIcon(iconSize: iconSize),
if (entry.isGif) if (entry.isGif)
GifIcon(iconSize: iconSize) GifIcon(iconSize: iconSize)
else if (entry.isVideo) else if (entry.isVideo)
VideoIcon( DefaultTextStyle(
entry: entry,
iconSize: iconSize,
),
];
return icons.isNotEmpty
? DefaultTextStyle(
style: TextStyle( style: TextStyle(
color: Colors.grey[200], color: Colors.grey[200],
fontSize: fontSize, fontSize: fontSize,
), ),
child: Column( child: VideoIcon(
mainAxisAlignment: MainAxisAlignment.end, entry: entry,
crossAxisAlignment: CrossAxisAlignment.start, iconSize: iconSize,
children: icons,
), ),
) ),
: null; ],
);
} }
} }