🐛 Fix image on web looks wired
This commit is contained in:
parent
1d52b8b5ed
commit
73a0b08854
@ -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',
|
||||||
|
};
|
||||||
},
|
},
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user