🐛 Fix image on web looks wired

This commit is contained in:
LittleSheep 2025-04-26 18:40:26 +08:00
parent 1d52b8b5ed
commit 73a0b08854

View File

@ -4,7 +4,13 @@ import 'package:flutter/material.dart';
class UniversalImage extends StatelessWidget { class UniversalImage extends StatelessWidget {
final String uri; final String uri;
final String? blurHash; final String? blurHash;
const UniversalImage({super.key, required this.uri, this.blurHash}); final BoxFit fit;
const UniversalImage({
super.key,
required this.uri,
this.blurHash,
this.fit = BoxFit.cover,
});
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
@ -15,6 +21,13 @@ class UniversalImage extends StatelessWidget {
element.src = uri; element.src = uri;
element.style.width = '100%'; element.style.width = '100%';
element.style.height = '100%'; element.style.height = '100%';
element.style.objectFit = switch (fit) {
BoxFit.cover || BoxFit.fitWidth || BoxFit.fitHeight => 'cover',
BoxFit.fill => 'fill',
BoxFit.contain => 'contain',
BoxFit.none => 'none',
_ => 'cover',
};
}, },
); );
} }