2022-12-29 08:45:28 +03:00
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import '/models/media_file.dart';
|
|
|
|
import 'package:transparent_image/transparent_image.dart';
|
|
|
|
|
|
|
|
class ThumbnailMedia extends StatelessWidget {
|
|
|
|
final MediaFile media;
|
|
|
|
final bool noIcon;
|
2022-12-30 05:18:18 +03:00
|
|
|
final Widget Function(MediaFile media, BuildContext context)? onErrorBuilder;
|
|
|
|
const ThumbnailMedia(
|
|
|
|
{super.key,
|
|
|
|
required this.media,
|
|
|
|
this.onErrorBuilder,
|
|
|
|
this.noIcon = false});
|
2022-12-29 08:45:28 +03:00
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
return FutureBuilder(
|
|
|
|
future: media.thumbnail == null ? media.getThumbnail() : null,
|
|
|
|
builder: (context, snapshot) {
|
|
|
|
return Stack(
|
|
|
|
fit: StackFit.passthrough,
|
|
|
|
children: [
|
|
|
|
if (media.thumbnailFailed && onErrorBuilder == null)
|
|
|
|
Icon(
|
2023-01-01 17:15:26 +03:00
|
|
|
media.isImage
|
2022-12-29 08:45:28 +03:00
|
|
|
? Icons.image_not_supported
|
|
|
|
: Icons.videocam_off_rounded,
|
|
|
|
color: Colors.grey,
|
|
|
|
)
|
|
|
|
else if (media.thumbnailFailed && onErrorBuilder == null)
|
2022-12-30 05:18:18 +03:00
|
|
|
onErrorBuilder!(media, context)
|
2022-12-29 08:45:28 +03:00
|
|
|
else if (media.thumbnail != null)
|
|
|
|
FadeInImage(
|
|
|
|
fadeInDuration: const Duration(milliseconds: 200),
|
|
|
|
fit: BoxFit.cover,
|
|
|
|
placeholder: MemoryImage(kTransparentImage),
|
|
|
|
image: MemoryImage(media.thumbnail!),
|
|
|
|
)
|
|
|
|
else
|
|
|
|
const SizedBox(),
|
|
|
|
if (media.thumbnail != null && !media.thumbnailFailed && !noIcon)
|
|
|
|
Positioned(
|
|
|
|
bottom: 10,
|
|
|
|
left: 10,
|
|
|
|
child: Icon(
|
2023-01-01 17:15:26 +03:00
|
|
|
media.isVideo ? Icons.video_camera_back : null,
|
2022-12-29 08:45:28 +03:00
|
|
|
color: Colors.white,
|
|
|
|
size: 20,
|
|
|
|
)),
|
|
|
|
],
|
|
|
|
);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|