2020-03-28 18:18:27 +00:00
|
|
|
import 'package:flutter/material.dart';
|
2020-04-25 10:28:22 +00:00
|
|
|
import 'package:logger/logger.dart';
|
2020-04-24 20:47:21 +00:00
|
|
|
import 'package:myapp/core/thumbnail_cache.dart';
|
2020-04-11 21:29:07 +00:00
|
|
|
import 'package:myapp/models/photo.dart';
|
2020-04-25 10:28:22 +00:00
|
|
|
import 'package:myapp/core/constants.dart';
|
2020-03-28 18:18:27 +00:00
|
|
|
|
2020-04-25 09:12:13 +00:00
|
|
|
class ThumbnailWidget extends StatefulWidget {
|
2020-04-11 21:29:07 +00:00
|
|
|
final Photo photo;
|
2020-03-28 18:18:27 +00:00
|
|
|
|
2020-04-25 09:12:13 +00:00
|
|
|
const ThumbnailWidget(
|
2020-04-11 21:29:07 +00:00
|
|
|
this.photo, {
|
2020-03-28 18:18:27 +00:00
|
|
|
Key key,
|
|
|
|
}) : super(key: key);
|
|
|
|
@override
|
2020-04-25 09:12:13 +00:00
|
|
|
_ThumbnailWidgetState createState() => _ThumbnailWidgetState();
|
2020-03-28 18:18:27 +00:00
|
|
|
}
|
|
|
|
|
2020-04-25 09:12:13 +00:00
|
|
|
class _ThumbnailWidgetState extends State<ThumbnailWidget> {
|
2020-04-13 17:53:03 +00:00
|
|
|
static final Widget loadingWidget = Container(
|
|
|
|
alignment: Alignment.center,
|
|
|
|
color: Colors.grey[500],
|
|
|
|
);
|
2020-04-25 09:12:13 +00:00
|
|
|
|
2020-04-25 10:28:22 +00:00
|
|
|
bool _loadedSmallThumbnail = false;
|
|
|
|
bool _loadedLargeThumbnail = false;
|
|
|
|
ImageProvider _imageProvider;
|
|
|
|
|
2020-03-28 18:18:27 +00:00
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
2020-04-25 10:28:22 +00:00
|
|
|
if (!_loadedSmallThumbnail && !_loadedLargeThumbnail) {
|
|
|
|
final cachedSmallThumbnail =
|
|
|
|
ThumbnailLruCache.get(widget.photo, THUMBNAIL_SMALL_SIZE);
|
|
|
|
if (cachedSmallThumbnail != null) {
|
|
|
|
_imageProvider = Image.memory(cachedSmallThumbnail).image;
|
|
|
|
_loadedSmallThumbnail = true;
|
2020-04-11 22:16:40 +00:00
|
|
|
} else {
|
2020-04-25 10:28:22 +00:00
|
|
|
if (mounted) {
|
|
|
|
widget.photo
|
|
|
|
.getAsset()
|
|
|
|
.thumbDataWithSize(THUMBNAIL_SMALL_SIZE, THUMBNAIL_SMALL_SIZE)
|
|
|
|
.then((data) {
|
|
|
|
if (mounted) {
|
|
|
|
setState(() {
|
|
|
|
if (data != null) {
|
|
|
|
_imageProvider = Image.memory(data).image;
|
|
|
|
}
|
|
|
|
_loadedSmallThumbnail = true;
|
|
|
|
});
|
|
|
|
}
|
|
|
|
ThumbnailLruCache.put(widget.photo, THUMBNAIL_SMALL_SIZE, data);
|
|
|
|
});
|
|
|
|
}
|
2020-04-11 22:16:40 +00:00
|
|
|
}
|
2020-03-28 18:18:27 +00:00
|
|
|
}
|
|
|
|
|
2020-04-25 10:28:22 +00:00
|
|
|
if (!_loadedLargeThumbnail) {
|
|
|
|
if (ThumbnailLruCache.get(widget.photo, THUMBNAIL_LARGE_SIZE) == null) {
|
|
|
|
widget.photo
|
|
|
|
.getAsset()
|
|
|
|
.thumbDataWithSize(THUMBNAIL_LARGE_SIZE, THUMBNAIL_LARGE_SIZE)
|
|
|
|
.then((data) {
|
|
|
|
ThumbnailLruCache.put(widget.photo, THUMBNAIL_LARGE_SIZE, data);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
2020-03-28 18:18:27 +00:00
|
|
|
|
2020-04-25 10:28:22 +00:00
|
|
|
if (_imageProvider != null) {
|
|
|
|
return Image(
|
2020-04-25 10:42:27 +00:00
|
|
|
image: _imageProvider,
|
|
|
|
gaplessPlayback: true,
|
|
|
|
fit: BoxFit.cover,
|
|
|
|
);
|
2020-04-25 10:28:22 +00:00
|
|
|
} else {
|
|
|
|
return loadingWidget;
|
|
|
|
}
|
2020-03-28 18:18:27 +00:00
|
|
|
}
|
|
|
|
}
|