Merge pull request #24 from presswink/#23

onLongPress and shadow properties added
presswink · Jun 16, 2024 · 412a3b4 · 412a3b4
2 parents defcb3c + ccad5d9
commit 412a3b4
Show file tree

Hide file tree

Showing 10 changed files with 195 additions and 147 deletions.
diff --git a/.idea/libraries/Dart_SDK.xml b/.idea/libraries/Dart_SDK.xml
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,11 @@
 # touch_ripple_effect changelog
 
+## 2.5.0
+* `shadow property added` ([#23](https://github.com/presswink/flutter_touch_ripple_effect/issues/23))
+* `typo issue fixed`
+* `longPress property added` ([#18](https://github.com/presswink/flutter_touch_ripple_effect/issues/18))
+
+
 ## 2.4.0
 * `build issue fixed` ([#20](https://github.com/Adityapanther/flutter_touch_ripple_effect/issues/20))
 * `git action added` ([#20](https://github.com/Adityapanther/flutter_touch_ripple_effect/issues/20))
@@ -22,7 +28,7 @@
 
 ## 2.1.2
 
-* documantation bug fixed fixed
+* documentation bug fixed fixed
 
 * `onTap` method delayed till ripple effect duration
 
@@ -39,7 +45,7 @@
 
 ## 1.0.1
 
-* At the place of overflow added clipBeheviour
+* At the place of overflow added clipBehaviour
 * in pubspec.yaml file description added
 
 ## 1.0.0

diff --git a/README.md b/README.md
@@ -16,10 +16,10 @@ A new flutter package for any flutter widgets to add touch ripple effect and tou
 
 1 ) open pubspec.yaml file in project dir and write [touch_ripple_effect:](https://github.com/Adityapanther/flutter-touch-ripple-effect) at below cupertino_icons.
 
-pubsec.yaml:
+pubspec.yaml:
 
 ```bash
-touch_ripple_effect: 2.2.4
+touch_ripple_effect: 2.5.0
 ```
 
 2 ) open command prompt in project dir and run
@@ -32,30 +32,30 @@ flutter pub get
 
 ## properties of TouchRippleEffect Widget
 
-properies | details| default value|required|
----|---|---|---
-width| TouchRippleEffect widget width size| null| false
-height| TouchRippleEffect widget height size| null| false
-child| child widget in which you want to apply Touch Ripple effect| null| true
-rippleColor| color thats you want to see as a ripple effect| null | true
-onTap| Listen onTap or click of child Widget| null| false
-awaitAnimation| Await the animation to complete onTap| true| false
-rippleDuration| how much time take to display ripple effect| 300 milliseconds| false
-backgroundColor| background color of TouchRippleEffect| transparent| false
-borderRadius|border radius of TouchRippleEffect widget| null| false
+| properties      | details                                                                    | default value    | required |
+|-----------------|----------------------------------------------------------------------------|------------------|----------|
+| width           | TouchRippleEffect widget width size                                        | null             | false    |
+| height          | TouchRippleEffect widget height size                                       | null             | false    |
+| child           | child widget in which you want to apply Touch Ripple effect                | null             | true     |
+| rippleColor     | color that's you want to see as a ripple effect                            | null             | true     |
+| onTap           | Listen onTap or click of child Widget  (note: either onTap or onLongPress) | null             | false    |
+| awaitAnimation  | Await the animation to complete onTap                                      | true             | false    |
+| rippleDuration  | how much time take to display ripple effect                                | 300 milliseconds | false    |
+| backgroundColor | background color of TouchRippleEffect                                      | transparent      | false    |
+| borderRadius    | border radius of TouchRippleEffect widget                                  | null             | false    |
+| shadow          | add shadow to ripple widget                                                | null             | false    |
+| onLongPress     | will handle widget long press (note: either onTap or onLongPress)          | null             | false    |
 
 ## properties of TouchFeedback Widget
 
-properies | details| default value|required|
----|---|---|---
-child| child widget in which you want to apply Touch Ripple effect| null| true
-rippleColor| color thats you want to see as a ripple effect| null | true
-onTap| Listen onTap or click of child Widget| null| false
-feedbackDuration| how much time take to display ripple effect| 300 milliseconds| false
-backgroundColor| background color of TouchRippleEffect| transparent| false
-borderRadius|border radius of TouchRippleEffect widget| null| false
-
-
+| properties       | details                                                     | default value    | required |
+|------------------|-------------------------------------------------------------|------------------|----------|
+| child            | child widget in which you want to apply Touch Ripple effect | null             | true     |
+| rippleColor      | color that's you want to see as a ripple effect             | null             | true     |
+| onTap            | Listen onTap or click of child Widget                       | null             | false    |
+| feedbackDuration | how much time take to display ripple effect                 | 300 milliseconds | false    |
+| backgroundColor  | background color of TouchRippleEffect                       | transparent      | false    |
+| borderRadius     | border radius of TouchRippleEffect widget                   | null             | false    |
 
 ## Contributor
 [@Adityapanther](https://github.com/Adityapanther/)

diff --git a/example/lib/main.dart b/example/lib/main.dart
@@ -26,7 +26,7 @@ class _MyAppState extends State<MyApp> {
           crossAxisAlignment: CrossAxisAlignment.center,
           textDirection: TextDirection.ltr,
           children: [
-            /// touch ripple effect implimented
+            // touch ripple effect implemented
 
             TouchRippleEffect(
                 borderRadius: _helloRadius,
@@ -40,17 +40,28 @@ class _MyAppState extends State<MyApp> {
                   alignment: Alignment.center,
                   decoration: BoxDecoration(
                       color: Colors.pink, borderRadius: _helloRadius),
-                  child: IconButton(
-                      iconSize: 24.0,
-                      icon: Icon(
-                        Icons.search,
-                        color: Colors.white,
-                        size: 36,
-                      ),
-                      onPressed: null),
+                  child: Text("On Click", style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold, color: Colors.white),),
                 )),
 
-            /// touch Feedback effect implimented.
+            // longPress button
+
+            TouchRippleEffect(
+                borderRadius: _helloRadius,
+                rippleColor: Colors.white60,
+                onLongPress: () {
+                  print("adi !");
+                },
+                child: Container(
+                  width: 110,
+                  height: 50,
+                  alignment: Alignment.center,
+                  decoration: BoxDecoration(
+                      color: Colors.pink, borderRadius: _helloRadius),
+                  child: Text("LongPress", style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold, color: Colors.white),),
+                )
+            ),
+
+            // touch Feedback effect implemented.
             TouchFeedback(
               onTap: () {
                 print(" I am Aditya");

diff --git a/example/pubspec.lock b/example/pubspec.lock
@@ -71,26 +71,26 @@ packages:
     dependency: transitive
     description:
       name: leak_tracker
-      sha256: "78eb209deea09858f5269f5a5b02be4049535f568c07b275096836f01ea323fa"
+      sha256: "7f0df31977cb2c0b88585095d168e689669a2cc9b97c309665e3386f3e9d341a"
       url: "https://pub.dev"
     source: hosted
-    version: "10.0.0"
+    version: "10.0.4"
   leak_tracker_flutter_testing:
     dependency: transitive
     description:
       name: leak_tracker_flutter_testing
-      sha256: b46c5e37c19120a8a01918cfaf293547f47269f7cb4b0058f21531c2465d6ef0
+      sha256: "06e98f569d004c1315b991ded39924b21af84cf14cc94791b8aea337d25b57f8"
       url: "https://pub.dev"
     source: hosted
-    version: "2.0.1"
+    version: "3.0.3"
   leak_tracker_testing:
     dependency: transitive
     description:
       name: leak_tracker_testing
-      sha256: a597f72a664dbd293f3bfc51f9ba69816f84dcd403cdac7066cb3f6003f3ab47
+      sha256: "6ba465d5d76e67ddf503e1161d1f4a6bc42306f9d66ca1e8f079a47290fb06d3"
       url: "https://pub.dev"
     source: hosted
-    version: "2.0.1"
+    version: "3.0.1"
   matcher:
     dependency: transitive
     description:
@@ -111,10 +111,10 @@ packages:
     dependency: transitive
     description:
       name: meta
-      sha256: d584fa6707a52763a52446f02cc621b077888fb63b93bbcb1143a7be5a0c0c04
+      sha256: "7687075e408b093f36e6bbf6c91878cc0d4cd10f409506f7bc996f68220b9136"
       url: "https://pub.dev"
     source: hosted
-    version: "1.11.0"
+    version: "1.12.0"
   path:
     dependency: transitive
     description:
@@ -172,17 +172,17 @@ packages:
     dependency: transitive
     description:
       name: test_api
-      sha256: "5c2f730018264d276c20e4f1503fd1308dfbbae39ec8ee63c5236311ac06954b"
+      sha256: "9955ae474176f7ac8ee4e989dadfb411a58c30415bcfb648fa04b2b8a03afa7f"
       url: "https://pub.dev"
     source: hosted
-    version: "0.6.1"
+    version: "0.7.0"
   touch_ripple_effect:
     dependency: "direct main"
     description:
       path: ".."
       relative: true
     source: path
-    version: "2.4.0"
+    version: "2.5.0"
   vector_math:
     dependency: transitive
     description:
@@ -195,10 +195,10 @@ packages:
     dependency: transitive
     description:
       name: vm_service
-      sha256: b3d56ff4341b8f182b96aceb2fa20e3dcb336b9f867bc0eafc0de10f1048e957
+      sha256: "3923c89304b715fb1eb6423f017651664a03bf5f4b29983627c4da791f74a4ec"
       url: "https://pub.dev"
     source: hosted
-    version: "13.0.0"
+    version: "14.2.1"
 sdks:
-  dart: ">=3.2.0-0 <4.0.0"
-  flutter: ">=1.20.0"
+  dart: ">=3.3.0 <4.0.0"
+  flutter: ">=3.18.0-18.0.pre.54"
diff --git a/lib/src/touch_feedback.dart b/lib/src/touch_feedback.dart
@@ -38,10 +38,10 @@ class _TouchFeedbackState extends State<TouchFeedback> {
   // private [_rippleWidget] global variable initialized
   Widget? _rippleWidget;
 
-  // user tap private [_dx]  x-axis global variable initalized
+  // user tap private [_dx]  x-axis global variable initialized
   double? _dx;
 
-  // user tap private [_dy]  y-axis global variable initalized
+  // user tap private [_dy]  y-axis global variable initialized
   double? _dy;
 
   double? _mWidth;
@@ -71,13 +71,13 @@ class _TouchFeedbackState extends State<TouchFeedback> {
         ),
       );
     });
-    milisecons();
+    milliseconds();
     // resetting axis after animation
     _dx = 0;
     _dy = 0;
   }
 
-  void milisecons() {
+  void milliseconds() {
     setState(() {
       for (double i = 0; _mWidth! > i; i++) {
         _animWidth = i;