Merge pull request #161 from koukibadr/feat-add-vertical-divider-width-attribute

feat: add vertical divider width attribute

Author: koukibadr

CHANGELOG.md

@@ -1,3 +1,18 @@
+## [2.5.0] - 03/05/2025
+
+* **Changes**
+* Add `onLongPress` callback to the notification widget [PR#160](https://github.com/koukibadr/Elegant-Notification/pull/160)
+* Add `longPressDuration` to customize the long press duration [PR#160](https://github.com/koukibadr/Elegant-Notification/pull/160)
+* Implement long press detection and animation handling while long press interaction [PR#160](https://github.com/koukibadr/Elegant-Notification/pull/160)
+* Add `verticalDividerWidth` attribute to customize the vertical divider width [PR#161](https://github.com/koukibadr/Elegant-Notification/pull/161)
+
+* **Enhancement**
+* Update the package example to demonstrate the new long press feature [PR#160](https://github.com/koukibadr/Elegant-Notification/pull/160)
+* Update padding rendering on notification icon widget [PR#160](https://github.com/koukibadr/Elegant-Notification/pull/160)
+* Update close icon rendering on notification widget [PR#160](https://github.com/koukibadr/Elegant-Notification/pull/160)
+* Refactor closing timer initialization and closing to avoid null check operator error [PR#160](https://github.com/koukibadr/Elegant-Notification/pull/160)
+* Add `autoDismiss` check on `timer.cancel()` method to avoid null check operator error [PR#160](https://github.com/koukibadr/Elegant-Notification/pull/160)
+
 ## [2.4.5] - 16/04/2025
 
 * **Changes**

README.md

@@ -46,7 +46,7 @@ To use this elegant notification package you need to add the dependency in `pubs
 
 ```yaml
 dependencies:
-	elegant_notification: ^2.4.5
+	elegant_notification: ^2.5.0
 ```
 
 ## Parameters
@@ -158,13 +158,20 @@ dependencies:
   /// Function invoked when the user taps on the notification
   final void Function()? onNotificationPressed;
 
+  /// Function invoked when the user taps on the notification
+  final void Function()? onLongPress;
+
+  /// The long press duration of the notification
+  /// By default it's set to `Duration(seconds: 2)`
+  final Duration longPressDuration;
+
   /// Function invoked when tapping outside the notification
   /// Or when pressing the back button of the phone
   /// Or when tapping on the screen
   final Function()? onDismiss;
 
   /// Define whether the notification will be dismissed automatically or not
-  /// By default `autoDimiss == false`
+  /// By default `autoDismiss = true`
   final bool autoDismiss;
 
   /// The direction of the dismissible widget

example/lib/main.dart

@@ -1,3 +1,5 @@
+// ignore_for_file: avoid_print
+
 import 'package:elegant_notification/elegant_notification.dart';
 import 'package:elegant_notification/resources/arrays.dart';
 import 'package:elegant_notification/resources/stacked_options.dart';
@@ -236,7 +238,7 @@ class ExampleApp extends StatelessWidget {
                     showProgressIndicator: false,
                     autoDismiss: false,
                     onLongPress: () {
-                      print("Hello world");
+                      print('Hello world');
                     },
                     onDismiss: () {},
                   ).show(context);
@@ -357,7 +359,7 @@ class ExampleApp extends StatelessWidget {
                     progressIndicatorBackground: Colors.green[100]!,
                     longPressDuration: const Duration(seconds: 4),
                     onLongPress: () {
-                      print("Hello world");
+                      print('Hello world');
                     },
                   ).show(context);
                 },

lib/elegant_notification.dart

@@ -53,6 +53,7 @@ class ElegantNotification extends StatefulWidget {
     this.shadow,
     this.onLongPress,
     this.longPressDuration = const Duration(seconds: 2),
+    this.verticalDividerWidth = 1,
   }) : super(key: key) {
     _notificationType = NotificationType.custom;
     checkAssertions();
@@ -98,6 +99,7 @@ class ElegantNotification extends StatefulWidget {
     this.border,
     this.onLongPress,
     this.longPressDuration = const Duration(seconds: 2),
+    this.verticalDividerWidth = 1,
   }) {
     _notificationType = NotificationType.success;
     progressIndicatorColor = _notificationType.color;
@@ -144,6 +146,7 @@ class ElegantNotification extends StatefulWidget {
     this.border,
     this.onLongPress,
     this.longPressDuration = const Duration(seconds: 2),
+    this.verticalDividerWidth = 1,
   }) {
     _notificationType = NotificationType.error;
     progressIndicatorColor = _notificationType.color;
@@ -190,6 +193,7 @@ class ElegantNotification extends StatefulWidget {
     this.border,
     this.onLongPress,
     this.longPressDuration = const Duration(seconds: 2),
+    this.verticalDividerWidth = 1,
   }) {
     _notificationType = NotificationType.info;
     progressIndicatorColor = _notificationType.color;
@@ -287,6 +291,10 @@ class ElegantNotification extends StatefulWidget {
   /// You can customize the color by providing a specific [Color] value
   final Color verticalDividerColor;
 
+  /// The vertical divider width
+  /// By default it's set to 1
+  final double verticalDividerWidth;
+
   /// The notification icon, by default it's null.
   /// When it's null and using success, info and error the default icon is displayed
   /// When using the default constructor and icon is null nothing is rendered
@@ -389,7 +397,7 @@ class ElegantNotification extends StatefulWidget {
   final Function()? onDismiss;
 
   /// Define whether the notification will be dismissed automatically or not
-  /// By default `autoDimiss = true`
+  /// By default `autoDismiss = true`
   final bool autoDismiss;
 
   /// The direction of the dismissible widget
@@ -698,6 +706,7 @@ class ElegantNotificationState extends State<ElegantNotification>
                     iconSize: widget.iconSize,
                     action: widget.action,
                     verticalDividerColor: widget.verticalDividerColor,
+                    verticalDividerWidth: widget.verticalDividerWidth,
                   ),
                 ),
                 if (widget.showProgressIndicator)

lib/widgets/toast_content.dart

@@ -11,6 +11,7 @@ class ToastContent extends StatelessWidget {
     required this.displayCloseButton,
     required this.onCloseButtonPressed,
     required this.verticalDividerColor,
+    required this.verticalDividerWidth,
     this.closeButton,
     this.icon,
     this.iconSize = 20,
@@ -27,6 +28,7 @@ class ToastContent extends StatelessWidget {
   final Widget Function(void Function() dismissNotification)? closeButton;
   final Widget? action;
   final Color verticalDividerColor;
+  final double verticalDividerWidth;
 
   bool get displayIcon =>
       notificationType != NotificationType.custom || icon != null;
@@ -50,7 +52,7 @@ class ToastContent extends StatelessWidget {
             bottom: 20,
           ),
           child: Container(
-            width: 1,
+            width: verticalDividerWidth,
             color: verticalDividerColor,
           ),
         ),

pubspec.yaml

@@ -1,6 +1,6 @@
 name: elegant_notification
 description: 'A new flutter package to display notifications on top of the screen, full customizable with built-in themes'
-version: 2.4.5
+version: 2.5.0
 homepage: 'https://github.com/koukibadr/Elegant-Notification'
 environment:
   sdk: '>=2.19.0 <4.0.0'