2ndbeam/fluffychat-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: Follow up image rendering

Browse source
This commit is contained in:
krille-chan 2024-03-24 10:56:44 +01:00
commit 45e1122648
No known key found for this signature in database
5 changed files with 48 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

4
lib/widgets/blur_hash.dart
View file

@ -34,6 +34,7 @@ class _BlurHashState extends State<BlurHash> {
}
Future<Uint8List?> _computeBlurhashData() async {
if (_data != null) return _data!;
final ratio = widget.width / widget.height;
var width = 32;
var height = 32;
@ -57,13 +58,14 @@ class _BlurHashState extends State<BlurHash> {
Widget build(BuildContext context) {
return FutureBuilder<Uint8List?>(
future: _computeBlurhashData(),
initialData: _data,
builder: (context, snapshot) {
final data = snapshot.data;
if (data == null) {
return Container(
width: widget.width,
height: widget.height,
color: Theme.of(context).colorScheme.surface,
color: Theme.of(context).colorScheme.onInverseSurface,
);
}
return Image.memory(

56
lib/widgets/mxc_image.dart
View file

@ -130,11 +130,8 @@ class _MxcImageState extends State<MxcImage> {
}
}
bool _hasDataFromBeginning = false;
void _tryLoad(_) async {
if (_imageData != null) {
_hasDataFromBeginning = true;
return;
}
try {
@ -163,35 +160,30 @@ class _MxcImageState extends State<MxcImage> {
final data = _imageData;
final hasData = data != null && data.isNotEmpty;
return Stack(
children: [
if (!_hasDataFromBeginning) placeholder(context),
AnimatedOpacity(
opacity: hasData ? 1 : 0,
duration: FluffyThemes.animationDuration,
curve: FluffyThemes.animationCurve,
child: hasData
? Image.memory(
data,
width: widget.width,
height: widget.height,
fit: widget.fit,
filterQuality: widget.isThumbnail
? FilterQuality.low
: FilterQuality.medium,
errorBuilder: (context, __, ___) {
_isCached = false;
_imageData = null;
WidgetsBinding.instance.addPostFrameCallback(_tryLoad);
return placeholder(context);
},
)
: SizedBox(
width: widget.width,
height: widget.height,
),
),
],
return AnimatedCrossFade(
crossFadeState:
hasData ? CrossFadeState.showSecond : CrossFadeState.showFirst,
duration: FluffyThemes.animationDuration,
firstChild: placeholder(context),
secondChild: hasData
? Image.memory(
data,
width: widget.width,
height: widget.height,
fit: widget.fit,
filterQuality:
widget.isThumbnail ? FilterQuality.low : FilterQuality.medium,
errorBuilder: (context, __, ___) {
_isCached = false;
_imageData = null;
WidgetsBinding.instance.addPostFrameCallback(_tryLoad);
return placeholder(context);
},
)
: SizedBox(
width: widget.width,
height: widget.height,
),
);
}
}