split Thumbnail
This commit is contained in:
parent
96fe885752
commit
742cd7ad65
1 changed files with 39 additions and 29 deletions
|
@ -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,
|
_ThumbnailOverlay(
|
||||||
icons,
|
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(
|
||||||
if (entry.hasGps) GpsIcon(iconSize: iconSize),
|
mainAxisAlignment: MainAxisAlignment.end,
|
||||||
if (entry.isGif)
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
GifIcon(iconSize: iconSize)
|
children: [
|
||||||
else if (entry.isVideo)
|
if (entry.hasGps) GpsIcon(iconSize: iconSize),
|
||||||
VideoIcon(
|
if (entry.isGif)
|
||||||
entry: entry,
|
GifIcon(iconSize: iconSize)
|
||||||
iconSize: iconSize,
|
else if (entry.isVideo)
|
||||||
),
|
DefaultTextStyle(
|
||||||
];
|
|
||||||
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;
|
],
|
||||||
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue