bachelor/wonders
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve loading state UI of search tiles

Browse Source
This commit is contained in:
Grant Skinner 2022-09-26 16:41:58 -06:00
parent 58c95f10d9
commit 181a0783fd
1 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
lib/ui/screens/artifact/artifact_search/widgets/_result_tile.dart
View File

@ -8,15 +8,13 @@ class _ResultTile extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final Widget content = Container( final Widget image = AppImage(
color: $styles.colors.black, key: ValueKey(data.id),
width: double.infinity, image: NetworkImage(data.imageUrl),
child: AppImage( fit: BoxFit.cover,
key: ValueKey(data.id), scale: 0.5,
image: NetworkImage(data.imageUrl), distractor: true,
fit: BoxFit.cover, color: $styles.colors.greyMedium.withOpacity(0.2),
scale: 0.5,
),
); );
return AspectRatio( return AspectRatio(
@ -26,7 +24,12 @@ class _ResultTile extends StatelessWidget {
child: AppBtn.basic( child: AppBtn.basic(
semanticLabel: data.title, semanticLabel: data.title,
onPressed: () => onPressed(data), onPressed: () => onPressed(data),
child: content, child: Container(
color: $styles.colors.black,
width: double.infinity, // force image to fill area
height: double.infinity,
child: image,
),
), ),
), ),
); );