पैकेज, रिपॉज़िटरी और ऐप श्रेणियाँ खोजें

animated_check कवर
पैकेज विवरणv1.0.5

animated_check

Flutter के लिए एक सरल एनीमेटेड चेक आइकन विजेट

AndroidiOSWebmacOSWindowsLinux
30-दिन डाउनलोड
6.1 हज़ार
लाइक
32
Pub अंक
150

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

flutter pub add animated_check

पैकेज अवलोकन

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

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

उपयोग

  • फॉर्म वैधता प्रतिक्रिया
  • पुष्टि संकेतक
  • लोडिंग अवस्था संक्रमण
  • इंटरैक्टिव बटन स्थितियाँ
  • ऑनबोर्डिंग प्रगति सूचकांक

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

  • स्मूथ एनिमेटेड चेक संक्रमण
  • कस्टमाइज़ किए गए आकार और अवधि
  • न्यूनतम बॉयलरप्लेट
  • क्रॉस-प्लेटफॉर्म संगतता
  • सरल एपीआई, कम सेटिंग विकल्प

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

  • सरल यूआई प्रतिक्रिया प्रणाली
  • मोबाइल और वेब एप्लिकेशन
  • हल्के एनीमेशन की तलाश में डिज़ाइनर
  • त्वरित कार्यान्वयन चाहने वाले विकासकर्ता
  • न्यूनतम एनीमेशन निर्भरता वाले प्रोजेक्ट्स

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

  • केवल चेक आइकन तक सीमित
  • प्रतिलोम एनीमेशन समर्थन नहीं है
  • जटिल एनीमेशन के लिए अनुपयुक्त
  • Flutter के एनिमेशन फ्रेमवर्क पर निर्भर करता है
  • मूल शैली के अतिरिक्त कोई निर्मित रंग कस्टमाइजेशन नहीं है

मूल README

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

animated_check

pub package

AnimatedCheck is a Flutter package with a simple implementation of an animated checkmark icon.

Installation

Add this to your pubspec.yaml:

dependencies:
    animated_check: ^1.0.0

Usage

Import
import 'package:animated_check/animated_check.dart';
Simple Implementation
_controller = AnimationController(vsync: this, duration: const Duration(seconds: 1));

Animation _animation = Tween<double>(begin: 0, end: 1)
  .animate(CurvedAnimation(
    parent: _animationController,
    curve: Curves.easeInOutCirc)
  );

void _showCheck() {
  _controller.forward();
}

void _resetCheck() {
  _controller.reverse();
}

AnimatedCheck(
  progress: _animation,
  size: 200,
)

Contributions

All contributions are welcome!

श्रेणियाँ

सोर्स रिपॉज़िटरी

इस पैकेज का उपयोग करने वाले प्रोजेक्ट