touch_ripple_effect

Description:

touch ripple effect

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
copied to clipboard
2 ) open command prompt in project dir and run
Command Line:
flutter pub get
copied to clipboard
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



Contributor #
@Adityapanther
@matejhocevar