Giter Site home page Giter Site logo

mingqlin / flutter_touch_ripple_effect Goto Github PK

View Code? Open in Web Editor NEW

This project forked from presswink/flutter_touch_ripple_effect

0.0 0.0 0.0 244 KB

A ripple effect package for Flutter widget

License: Apache License 2.0

Ruby 4.50% Objective-C 3.91% Kotlin 8.01% Dart 78.78% Swift 4.80%

flutter_touch_ripple_effect's Introduction

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.2.4

2 ) open command prompt in project dir and run

Command Line:

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 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

Contributor

@Adityapanther @matejhocevar

flutter_touch_ripple_effect's People

Contributors

adityapanther avatar matejhocevar avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.