Load feed images from the network instead of a static file

droidconKE · Aug 27, 2024 · 35011f6 · 35011f6
1 parent b172a1e
commit 35011f6
Showing 1 changed file with 18 additions and 3 deletions.
diff --git a/lib/features/feed/ui/feed_screen.dart b/lib/features/feed/ui/feed_screen.dart
@@ -1,3 +1,4 @@
+import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter_svg/svg.dart';
@@ -61,9 +62,23 @@ class _FeedScreenState extends State<FeedScreen> {
                         decoration: BoxDecoration(
                           borderRadius: BorderRadius.circular(8),
                         ),
-                        child: Image.asset(
-                          AppAssets.session1,
-                          height: 209,
+                        child: CachedNetworkImage(
+                          fit: BoxFit.cover,
+                          imageUrl: feed.image,
+                          width: double.infinity,
+                          placeholder: (_, __) => const SizedBox(
+                            height: 100,
+                            width: double.infinity,
+                            child: Center(child: CircularProgressIndicator()),
+                          ),
+                          errorWidget: (_, __, ___) => const SizedBox(
+                            height: 100,
+                            width: double.infinity,
+                            child: Icon(
+                              Icons.error,
+                              color: Colors.red,
+                            ),
+                          ),
                         ),
                       ),
                       const SizedBox(height: 16),