feat: Add cached network images to stories

0niel · Jan 3, 2024 · 6603fe8 · 6603fe8
1 parent 657961d
commit 6603fe8
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 10 deletions.
diff --git a/lib/stories/view/stories_page_view.dart b/lib/stories/view/stories_page_view.dart
@@ -1,3 +1,4 @@
+import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
 import 'package:url_launcher/url_launcher_string.dart';
 
@@ -74,16 +75,17 @@ class _StoriesPageViewState extends State<StoriesPageView> {
                           width: MediaQuery.of(context).size.width,
                           height: MediaQuery.of(context).size.height,
                           child: page.media.formats != null
-                              ? Image.network(
-                                  MediaQuery.of(context).size.width > 580
-                                      ? StrapiUtils.getLargestImageUrl(
-                                          page.media.formats!)
-                                      : StrapiUtils.getMediumImageUrl(
-                                          page.media.formats!),
+                              ? CachedNetworkImage(
+                                  imageUrl:
+                                      MediaQuery.of(context).size.width > 580
+                                          ? StrapiUtils.getLargestImageUrl(
+                                              page.media.formats!)
+                                          : StrapiUtils.getMediumImageUrl(
+                                              page.media.formats!),
                                   fit: BoxFit.cover,
                                 )
-                              : Image.network(
-                                  page.media.url,
+                              : CachedNetworkImage(
+                                  imageUrl: page.media.url,
                                   fit: BoxFit.cover,
                                 ),
                         ),

diff --git a/lib/stories/widgets/story_item.dart b/lib/stories/widgets/story_item.dart
@@ -1,3 +1,4 @@
+import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
 import 'package:rtu_mirea_app/domain/entities/story.dart';
@@ -30,11 +31,11 @@ class StoryItem extends StatelessWidget {
             image: DecorationImage(
               fit: BoxFit.cover,
               image: stories[storyIndex].preview.formats != null
-                  ? NetworkImage(
+                  ? CachedNetworkImageProvider(
                       stories[storyIndex].preview.formats!.small != null
                           ? stories[storyIndex].preview.formats!.small!.url
                           : stories[storyIndex].preview.formats!.thumbnail.url)
-                  : NetworkImage(stories[storyIndex].preview.url),
+                  : CachedNetworkImageProvider(stories[storyIndex].preview.url),
               colorFilter: ColorFilter.mode(
                   AppTheme.colors.background02.withOpacity(0.15),
                   BlendMode.dstOut),