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

पैकेज विवरणv3.0.0

animation_wrappers

एनिमेशन व्रैपर विजेट्स, बस एनिमेट किए जाने वाले बच्चे को इस व्रैपर विजेट के साथ लपेटें और उस बच्चे को एनिमेट किया जाएगा।

AndroidiOSWebmacOSWindowsLinux
30-दिन डाउनलोड
5.8 हज़ार
लाइक
44
Pub अंक
160

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

flutter pub add animation_wrappers

पैकेज अवलोकन

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

Animation Wrappers एक Flutter पैकेज है जो किसी भी बच्चे के widget में आसानी से एनीमेशन जोड़ने के लिए विभिन्न widget व्रैपर प्रदान करता है। आप केवल एक दिए गए एनीमेशन व्रैपर के साथ एक widget को लपेटकर, विकासकर्ताओं को कस्टम एनीमेशन कोड लिखे बिना चिकनी प्रवेश प्रभाव, संक्रमण और दृश्य उन्नति लागू करने में सक्षम बनाता है। इस पैकेज का समर्थन Android, iOS, Web, macOS, Windows और Linux जैसे कई प्लेटफॉर्म के लिए है, जो क्रॉस-प्लेटफॉर्म ऐप्स के लिए उपयुक्त है जो चिकनी UI इंटरैक्शन चाहते हैं। यह हल्का है और सरलता के लिए डिज़ाइन किया गया है, जो त्वरित एकीकरण और स्थिर परिणामों पर ध्यान केंद्रित करता है।

उपयोग

  • UI तत्वों में प्रवेश एनीमेशन जोड़ना
  • हल्के होवर या टैप प्रभाव बनाना
  • सूची आइटम संक्रमण को बढ़ाना
  • ऑनबोर्डिंग स्क्रीन में सुधार करना
  • डैशबोर्ड में स्थिर सामग्री में एनिमेशन करना
  • पुनरावृत्ति एनीमेशन तर्क को सरल बनाना

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

  • उपयोग में आसान वраФ퍯र विजेट्स
  • विभिन्न प्रकार के एनीमेशन समर्थित हैं
  • क्रॉस-प्लेटफॉर्म संगतता
  • आवश्यक बॉलरप्लेट कम से कम
  • हल्का और कार्यक्षम
  • जटिल AnimationController सेटअप की आवश्यकता नहीं है

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

  • शुरुआती Flutter विकासकर्ता
  • एनिमेशन के लिए UI/UX डिजाइनर
  • त्वरित एनीमेशन एकीकरण की आवश्यकता वाले प्रोजेक्ट्स
  • गतिशील सामग्री लेआउट वाले ऐप्स
  • उपयोगकर्ता अनुभव सुधार पर केंद्रित विकासकर्ता

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

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

मूल README

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

animation_wrappers

Animation Wrapper widgets, just wrap the child to be animated with this wrapper widget and that child will be animated.

Getting Started

To use this package, add animation_wrappers as a dependency in your pubspec.yaml file.

:star_struck: :heart_eyes: Major Update :heart_eyes: :star_struck:

See example for all animation wrappers

Add dependency

dependencies:
  animation_wrappers: ^3.0.2

Import

import 'package:animation_wrappers/animation_wrappers.dart';

Usage: FadedScaleAnimation

FadedScaleAnimation(
    Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
),

Usage: FadedSlideAnimation

FadedSlideAnimation(
    Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
    beginOffset: Offset(0.5, 2),
    endOffset: Offset(0.5, 1),
),

Usage: FadeAnimation

FadeAnimation(
    child: Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
),

Usage: ScaleAnimation

ScaleAnimation(
    child: Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
),

Many more animation wrappers will be added soon..!

Made with :heart: by Jagrit

श्रेणियाँ

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

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

अभी कोई डेटा उपलब्ध नहीं है।