89 lines
3.0 KiB
Dart
89 lines
3.0 KiB
Dart
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;
|
|
final double? width, height;
|
|
final Color? backgroundColor;
|
|
final BoxFit fit;
|
|
final bool highQuality;
|
|
final double radius, borderWidth;
|
|
final Color borderColor;
|
|
final Widget Function(MediaFile media, BuildContext context)? onErrorBuilder;
|
|
const ThumbnailMedia(
|
|
{super.key,
|
|
required this.media,
|
|
this.fit = BoxFit.cover,
|
|
this.onErrorBuilder,
|
|
this.radius = 0,
|
|
this.highQuality = true,
|
|
this.borderColor = Colors.transparent,
|
|
this.borderWidth = 0,
|
|
this.width,
|
|
this.height,
|
|
this.backgroundColor,
|
|
this.noIcon = false});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return FutureBuilder(
|
|
future: media.thumbnail == null
|
|
? media.getThumbnail(highQuality: highQuality)
|
|
: null,
|
|
builder: (context, snapshot) {
|
|
return Container(
|
|
width: width,
|
|
height: height,
|
|
decoration: BoxDecoration(
|
|
color: backgroundColor,
|
|
borderRadius: BorderRadius.circular(radius),
|
|
border: Border.all(color: borderColor, width: borderWidth)),
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.circular(radius),
|
|
child: Stack(
|
|
fit: StackFit.passthrough,
|
|
children: [
|
|
if (snapshot.hasError && onErrorBuilder == null)
|
|
Center(
|
|
child: Icon(
|
|
media.isImage
|
|
? Icons.image_not_supported
|
|
: Icons.videocam_off_rounded,
|
|
color: Colors.grey,
|
|
),
|
|
)
|
|
else if (snapshot.hasError && onErrorBuilder == null)
|
|
onErrorBuilder!(media, context)
|
|
else if (media.thumbnail != null)
|
|
FadeInImage(
|
|
width: width,
|
|
height: height,
|
|
fadeInDuration: const Duration(milliseconds: 200),
|
|
fit: fit,
|
|
placeholder: MemoryImage(kTransparentImage),
|
|
image: MemoryImage(media.thumbnail!),
|
|
)
|
|
else
|
|
SizedBox(
|
|
width: width,
|
|
height: height,
|
|
),
|
|
if (media.thumbnail != null && !noIcon)
|
|
Positioned(
|
|
bottom: 10,
|
|
left: 10,
|
|
child: Icon(
|
|
media.isVideo ? Icons.video_camera_back : null,
|
|
color: Colors.white,
|
|
size: 20,
|
|
)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
});
|
|
}
|
|
}
|