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

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

animated

Flutter के लिए बहुत सरल (लेकिन शक्तिशाली) अप्रत्यक्ष एनीमेशन लाइब्रेरी।

AndroidiOSWebmacOSWindowsLinux
30-दिन डाउनलोड
8.6 हज़ार
लाइक
31
Pub अंक
130

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

flutter pub add animated

पैकेज अवलोकन

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

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

उपयोग

  • फेड-इन/फेड-आउट प्रभाव बनाना
  • एनिमेटिंग विजेट स्थिति
  • स्मूथ ट्रांजिशन के साथ विजेट्स को स्केल करें
  • UI में सूक्ष्म दृश्य प्रतिक्रिया जोड़ना
  • न्यूनतम कोड के साथ इंटरैक्टिव घटक बनाना

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

  • गुप्त एनीमेशन हैंडलिंग
  • न्यूनतम बॉयलरप्लेट
  • क्रॉस-प्लेटफ़ॉर्म समर्थन
  • सामान्य एनिमेशन के लिए सरल API
  • घोषित सिंटैक्स

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

  • शुरुआती Flutter विकासकर्ता
  • त्वरित एनीमेशन की आवश्यकता वाले प्रोजेक्ट
  • न्यूनतम प्रयास से यूआई सुधार
  • बहुप्लेटफॉर्म लक्षित ऐप्स
  • जटिल एनीमेशन कंट्रोलर्स से बचने वाले डेवलपर्स

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

  • मूल एनीमेशन प्रकार तक सीमित
  • जटिल कस्टम एनीमेशन के लिए उपयुक्त नहीं
  • उन्नत प्रभाव के लिए अतिरिक्त पैकेज की आवश्यकता हो सकती है
  • कच्चे AnimationController की तुलना में कम नियंत्रण
  • सरल और पूर्वानुमानित एनीमेशन के लिए सबसे उपयुक्त

मूल README

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

Animated

Animated is a very simple (yet powerful) implicit animation library made for Flutter.

Its goal is to be able to create a smooth animation between two values when an AnimatedContainer is not enough.

@override
Widget build(BuildContext context) {
  return Animated(
    value: 1.2,
    curve: Curves.easeInOut,
    duration: Duration(milliseconds: 300),
    builder: (context, child, animation) => Transform.scale(
      scale: animation.value,
      child: child,
    ),
    child: Container(
      width: 40,
      height: 40,
      color: Colors.red,
    ),
  );
}

In this example, whenever the value changes, the builder function will be called at each frame, from the old value to the new one.

Any widget that is not modified by the animation should be moved to the child property for optimization.

श्रेणियाँ

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

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

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