Fix image loading indicator (#1082)

thunder-app · Jan 24, 2024 · 3efdb52 · 3efdb52
1 parent a574954
commit 3efdb52
Showing 1 changed file with 20 additions and 6 deletions.
diff --git a/lib/shared/image_viewer.dart b/lib/shared/image_viewer.dart
@@ -296,6 +296,15 @@ class _ImageViewerState extends State<ImageViewer> with TickerProviderStateMixin
 
                                           animationController.forward();
                                         },
+                                        loadStateChanged: (state) {
+                                          if (state.extendedImageLoadState == LoadState.loading) {
+                                            return Center(
+                                              child: CircularProgressIndicator(
+                                                color: Colors.white.withOpacity(0.90),
+                                              ),
+                                            );
+                                          }
+                                        },
                                       )
                                     : ExtendedImage.memory(
                                         widget.bytes!,
@@ -345,16 +354,21 @@ class _ImageViewerState extends State<ImageViewer> with TickerProviderStateMixin
 
                                           animationController.forward();
                                         },
+                                        loadStateChanged: (state) {
+                                          if (state.extendedImageLoadState == LoadState.loading) {
+                                            return Center(
+                                              child: CircularProgressIndicator(
+                                                color: Colors.white.withOpacity(0.90),
+                                              ),
+                                            );
+                                          }
+                                        },
                                       ),
                               ),
                             )
                           : Center(
-                              child: SizedBox(
-                                height: 20,
-                                width: 20,
-                                child: CircularProgressIndicator(
-                                  color: Colors.white.withOpacity(0.90),
-                                ),
+                              child: CircularProgressIndicator(
+                                color: Colors.white.withOpacity(0.90),
                               ),
                             )),
                 ),