Adding customization option for stop donwloading icon for PlayPause b…

…otton
mehranshoqi · Mar 3, 2024 · d338893 · d338893
1 parent 0eb06e4
commit d338893
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 13 deletions.
diff --git a/lib/src/voice_message_view.dart b/lib/src/voice_message_view.dart
@@ -22,10 +22,23 @@ class VoiceMessageView extends StatelessWidget {
     this.innerPadding = 12,
     this.cornerRadius = 20,
     this.size = 38,
-    this.refreshIcon = const  Icon( Icons.refresh , color: Colors.white,) ,
-    this.pauseIcon = const  Icon( Icons.pause_rounded , color: Colors.white,) ,
-    this.playIcon = const  Icon( Icons.play_arrow_rounded, color: Colors.white,) ,
-    this.playPauseButtonDecoration  ,
+    this.refreshIcon = const Icon(
+      Icons.refresh,
+      color: Colors.white,
+    ),
+    this.pauseIcon = const Icon(
+      Icons.pause_rounded,
+      color: Colors.white,
+    ),
+    this.playIcon = const Icon(
+      Icons.play_arrow_rounded,
+      color: Colors.white,
+    ),
+    this.stopDownloadingIcon = const Icon(
+      Icons.close,
+      color: Colors.white,
+    ),
+    this.playPauseButtonDecoration,
     this.circlesTextStyle = const TextStyle(
       color: Colors.white,
       fontSize: 10,
@@ -75,11 +88,12 @@ class VoiceMessageView extends StatelessWidget {
 
   /// The play icon of the play/pause button.
   final Widget playIcon;
-
-  /// The play Decoration of the play/pause button.
-  final Decoration ? playPauseButtonDecoration ;
 
-
+  /// The stop downloading icon of the play/pause button.
+  final Widget stopDownloadingIcon;
+
+  /// The play Decoration of the play/pause button.
+  final Decoration? playPauseButtonDecoration;
 
   @override
 
@@ -110,7 +124,16 @@ class VoiceMessageView extends StatelessWidget {
             mainAxisSize: MainAxisSize.min,
             children: [
               /// play pause button
-              PlayPauseButton(controller: controller, color: color, size: size , refreshIcon: refreshIcon, pauseIcon: pauseIcon, playIcon: playIcon, buttonDecoration: playPauseButtonDecoration,),
+              PlayPauseButton(
+                controller: controller,
+                color: color,
+                size: size,
+                refreshIcon: refreshIcon,
+                pauseIcon: pauseIcon,
+                playIcon: playIcon,
+                stopDownloadingIcon: stopDownloadingIcon,
+                buttonDecoration: playPauseButtonDecoration,
+              ),
 
               ///
               const SizedBox(width: 10),

diff --git a/lib/src/widgets/loading_widget.dart b/lib/src/widgets/loading_widget.dart
@@ -3,11 +3,13 @@ import 'package:flutter/material.dart';
 class LoadingWidget extends StatefulWidget {
   final double? progress;
   final Function onClose;
+  final Widget stopDownloadingIcon ; 
 
   const LoadingWidget({
     Key? key,
     required this.progress,
     required this.onClose,
+    required this.stopDownloadingIcon,
   }) : super(key: key);
 
   @override
@@ -50,10 +52,7 @@ class _LoadingWidgetState extends State<LoadingWidget>
         ),
         Positioned(
           child: IconButton(
-            icon: const Icon(
-              Icons.close,
-              color: Colors.white,
-            ),
+            icon: widget.stopDownloadingIcon ,
             onPressed: () => widget.onClose(),
           ),
         ),

diff --git a/lib/src/widgets/play_pause_button.dart b/lib/src/widgets/play_pause_button.dart
@@ -14,6 +14,7 @@ class PlayPauseButton extends StatelessWidget {
       required this.playIcon,
       required this.pauseIcon,
       required this.refreshIcon , 
+      required this.stopDownloadingIcon ,
       this.buttonDecoration ,
       });
 
@@ -34,6 +35,10 @@ class PlayPauseButton extends StatelessWidget {
 
   /// The button pause Icon
   final Widget refreshIcon;
+
+  /// The button stop Downloading Icon
+  final Widget stopDownloadingIcon;
+
 
   /// The button (container) decoration
   final Decoration ? buttonDecoration ;
@@ -59,6 +64,7 @@ class PlayPauseButton extends StatelessWidget {
                     onClose: () {
                       controller.cancelDownload();
                     },
+                    stopDownloadingIcon: stopDownloadingIcon,
                   )
                 :