mirror of
https://github.com/Dr-Blank/Vaani.git
synced 2025-12-06 02:59:28 +00:00
refactor: fade in images on home screen
This commit is contained in:
parent
09eafb2c28
commit
5b896e8b09
1 changed files with 34 additions and 31 deletions
|
|
@ -114,38 +114,41 @@ class BookOnShelf extends HookConsumerWidget {
|
||||||
heroTagSuffix,
|
heroTagSuffix,
|
||||||
child: ClipRRect(
|
child: ClipRRect(
|
||||||
borderRadius: BorderRadius.circular(10),
|
borderRadius: BorderRadius.circular(10),
|
||||||
child: coverImage.when(
|
child: AnimatedSwitcher(
|
||||||
data: (image) {
|
duration: const Duration(milliseconds: 300),
|
||||||
// return const BookCoverSkeleton();
|
child: coverImage.when(
|
||||||
if (image.isEmpty) {
|
data: (image) {
|
||||||
|
// return const BookCoverSkeleton();
|
||||||
|
if (image.isEmpty) {
|
||||||
|
return const Icon(Icons.error);
|
||||||
|
}
|
||||||
|
var imageWidget = Image.memory(
|
||||||
|
image,
|
||||||
|
fit: BoxFit.fill,
|
||||||
|
cacheWidth: (height *
|
||||||
|
1.2 *
|
||||||
|
MediaQuery.of(context)
|
||||||
|
.devicePixelRatio)
|
||||||
|
.round(),
|
||||||
|
);
|
||||||
|
return Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Theme.of(context)
|
||||||
|
.colorScheme
|
||||||
|
.onPrimaryContainer,
|
||||||
|
),
|
||||||
|
child: imageWidget,
|
||||||
|
);
|
||||||
|
},
|
||||||
|
loading: () {
|
||||||
|
return const Center(
|
||||||
|
child: BookCoverSkeleton(),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
error: (error, stack) {
|
||||||
return const Icon(Icons.error);
|
return const Icon(Icons.error);
|
||||||
}
|
},
|
||||||
var imageWidget = Image.memory(
|
),
|
||||||
image,
|
|
||||||
fit: BoxFit.fill,
|
|
||||||
cacheWidth: (height *
|
|
||||||
1.2 *
|
|
||||||
MediaQuery.of(context)
|
|
||||||
.devicePixelRatio)
|
|
||||||
.round(),
|
|
||||||
);
|
|
||||||
return Container(
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: Theme.of(context)
|
|
||||||
.colorScheme
|
|
||||||
.onPrimaryContainer,
|
|
||||||
),
|
|
||||||
child: imageWidget,
|
|
||||||
);
|
|
||||||
},
|
|
||||||
loading: () {
|
|
||||||
return const Center(
|
|
||||||
child: BookCoverSkeleton(),
|
|
||||||
);
|
|
||||||
},
|
|
||||||
error: (error, stack) {
|
|
||||||
return const Icon(Icons.error);
|
|
||||||
},
|
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue