touch_ripple_effect
A new flutter package for any flutter widgets to add touch ripple effect and touch feedback.
find package on pub.dev
demo of TouchRippleEffect Widget in search icon Button
demo of TouchFeedback Widget in Hit me button
Getting Started
1 ) open pubspec.yaml file in project dir and write touch_ripple_effect: at below cupertino_icons.
pubspec.yaml:
touch_ripple_effect: 2.5.1
2 ) open command prompt in project dir and run
Command Line:
flutter pub get
properties of TouchRippleEffect Widget
| 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
| 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 |