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

TouchRippleEffect

demo of TouchFeedback Widget in Hit me button

TouchRippleEffect

Getting Started

1 ) open pubspec.yaml file in project dir and write touch_ripple_effect: at below cupertino_icons.

pubsec.yaml:

touch_ripple_effect: 2.1.3

2 ) open command prompt in project dir and run

Command Line:

flutter pub get

properties of TouchRippleEffect Widget

properiesdetailsdefault valuerequired
widthTouchRippleEffect widget width sizenullfalse
heightTouchRippleEffect widget height sizenullfalse
childchild widget in which you want to apply Touch Ripple effectnulltrue
rippleColorcolor thats you want to see as a ripple effectnulltrue
onTapListen onTap or click of child Widgetnullfalse
rippleDurationhow much time take to display ripple effect300 millisecondsfalse
backgroundColorbackground color of TouchRippleEffecttransparentfalse
borderRadiusborder radius of TouchRippleEffect widgetnullfalse

properties of TouchFeedback Widget

properiesdetailsdefault valuerequired
childchild widget in which you want to apply Touch Ripple effectnulltrue
rippleColorcolor thats you want to see as a ripple effectnulltrue
onTapListen onTap or click of child Widgetnullfalse
feedbackDurationhow much time take to display ripple effect300 millisecondsfalse
backgroundColorbackground color of TouchRippleEffecttransparentfalse
borderRadiusborder radius of TouchRippleEffect widgetnullfalse

Libraries

touch_ripple_effect