पैकेज विवरणv0.1.1

simple_ripple_animation

इस पैकेज में एक रिपल एनिमेशन विजेट है जिसे सेट करना और कस्टमाइज़ करना आसान है, और आप जिस भी रंग का चयन करते हैं, वह बहुत सुंदर लगता है।

AndroidiOSWebmacOSWindowsLinux

pub.dev API दस्तावेज़ सोर्स कोड

30-दिन डाउनलोड: 7.7 हज़ार
लाइक: 153
Pub अंक: 160

पैकेज इंस्टॉल करें

flutter pub add simple_ripple_animation

पैकेज अवलोकन

सार्वजनिक जानकारी से बना चयन मार्गदर्शन। केवल संदर्भ हेतु।

एक फ्लटर पैकेज जो एक सरल, कस्टमाइज़ेबल रिपल एनीमेशन विजेट प्रदान करता है। यह डेवलपर्स को बटन, टैप या किसी भी इंटरैक्टिव तत्व पर दृश्य रूप से आकर्षक रिपल प्रभाव जोड़ने में सक्षम बनाता है, जो कई प्लेटफॉर्मों पर काम करता है। एनीमेशन चिकनी है और कस्टम रंग, आकार और अवधि का समर्थन करता है, जिससे ऐप में उपयोगकर्ता प्रतिक्रिया को बढ़ावा देने के लिए आदर्श है। न्यूनतम सेटअप के साथ, यह मौजूदा प्रोजेक्ट में बिना किसी दिक्कत के एकीकृत हो जाता है।

उपयोग

बटन में टच प्रतिक्रिया जोड़ना
दृश्य प्रभावों के साथ उपयोगकर्ता इंटरफेस अंतरक्रिया में सुधार
एनिमेटेड बैकग्राउंड बनाना
मोबाइल ऐप में उपयोगकर्ता भागीदारी में सुधार करना
वेब पर इंटरैक्टिव तत्वों का डिज़ाइन करना
ब्रांडिंग के लिए रिपल दिखावट को कस्टमाइज़ करना

मुख्य विशेषताएँ

न्यूनतम कोड के साथ आसान सेटअप
कस्टम रंग और आकार का समर्थन करता है
चिकनी, प्रदर्शनकारी एनीमेशन
क्रॉस-प्लेटफॉर्म संगतता
कॉन्फ़िगरेबल रिपल अवधि और तीव्रता
कस्टमाइज़ेशन के लिए सरल API

इनके लिए उपयुक्त

दृश्य सुंदरता की तलाश में UI/UX डिजाइनर
इंटरैक्टिव ऐप्स बनाने वाले डेवलपर्स
हल्की टच प्रतिक्रिया की आवश्यकता वाले प्रोजेक्ट्स
बहुप्लेटफॉर्म लक्षित ऐप्स
त्वरित एनीमेशन के लिए टीम
गतिशील प्रतिक्रिया के साथ रचनात्मक इंटरफेस

विचार योग्य बातें

अत्यधिक उपयोग करने पर प्रदर्शन पर प्रभाव पड़ सकता है
सीमित उन्नत एनीमेशन नियंत्रण
छोटे पैमाने के रिपल प्रभावों के लिए सबसे उपयुक्त
जटिल गति डिज़ाइन के लिए आदर्श नहीं
दृश्यता के लिए रंग का ध्यान से चयन करने की आवश्यकता है
प्लेटफॉर्म-विशिष्ट रेंडरिंग व्यवहार पर निर्भर करता है

मूल README

संबंधित सोर्स रिपॉज़िटरी के मूल README का स्नैपशॉट। नवीनतम सामग्री के लिए रिपॉज़िटरी देखें।

Simple Ripple Animation

This package provide ripple animation widget that can be customised to meet your needs. It's easy to set up and customize, and it looks beautiful in any color you choose.

Features

This package support following parameter and methods.

Parameter

RippleAnimationwidget provide follwoing parameter to config your ripple animation effect.

Parameter defined for RippleAnimation widget:

Name	Type	Description
child	Widget	This child will be placed at center of the animation.
delay	Duration	This will be delay between two ripple wave.
minRadius	double	Minimum radius of the ripple wave.
maxRadius	double	Maximum radius of the ripple wave.
color	Color	Color of the animation.
ripplesCount	int	number of rippleCount in the wave.
duration	Duration	duration of the animation
repeat	bool	Provide true if you want to repeat animation

Getting started

Installing

Add dependencies to pubspec.yaml

Get the latest version in the 'Installing' tab on pub.dev
```
dependencies:
    simple_ripple_animation: <latest-version>
```
Run pub get.
```
flutter pub get
```

Import package.

import 'package:simple_ripple_animation/simple_ripple_animation.dart';

Implementation

Wrap Widget with RippleAnimation and assign needed parameter.

         RippleAnimation(
            child: CircleAvatar(
              minRadius: 75,
              maxRadius: 75,
              backgroundImage: NetworkImage(Constants.avtarUrl),
            ),
            color: Colors.deepOrange,
            delay: const Duration(milliseconds: 300),
            repeat: true,
            minRadius: 75,
            maxRadius: 140,
            ripplesCount: 6,
            duration: const Duration(milliseconds: 6 * 300),
          )