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

ducafecatFlutter इकोसिस्टम गाइड
animated_switcher_plus कवर
पैकेज विवरणv1.5.1

animated_switcher_plus

AnimatedSwitcher के लिए पूर्व-निर्मित संक्रमण, जैसे फ्लिप, ज़ूम और ट्रांसलेशन

AndroidiOSWebmacOSWindowsLinux
pub.dev API दस्तावेज़ सोर्स कोड
30-दिन डाउनलोड
2 हज़ार
लाइक
58
Pub अंक
160

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

flutter pub add animated_switcher_plus

पैकेज अवलोकन

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

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

उपयोग

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

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

  • पूर्व-निर्मित फ्लिप ट्रांज़िशन
  • ज़ूम-इन/आउट एनिमेशन
  • अनुवाद-आधारित संक्रमण
  • AnimatedSwitcher के साथ आसान एकीकरण
  • क्रॉस-प्लेटफ़ॉर्म समर्थन (Android, iOS, Web, macOS, Windows, Linux)

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

  • त्वरित संक्रमण प्रभाव चाहने वाले विकासकर्ता
  • एनिमेटेड इंटरफ़ेस का निर्माण करते हुए UI/UX डिज़ाइनर
  • गतिशील सामग्री अपडेट की आवश्यकता वाले ऐप्स
  • परिष्कृत दृश्य इंटरैक्शन पर केंद्रित परियोजनाएँ
  • Flutter शुरुआती एनिमेशन का अन्वेषण कर रहे हैं

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

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

मूल README

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

Prebuilt transitions for Animated Switcher such as flip, zoom and translation.

AnimatedSwitcherPlus

Features

  • Easily animate between two widgets
  • No need to provide both the first and second child simultaneously, unlike similar packages

Transitions

  • AnimatedSwitcherPlus.blur
  • AnimatedSwitcherPlus.flipX
  • AnimatedSwitcherPlus.flipY
  • AnimatedSwitcherPlus.zoomIn
  • AnimatedSwitcherPlus.zoomOut
  • AnimatedSwitcherPlus.translationLeft
  • AnimatedSwitcherPlus.translationRight
  • AnimatedSwitcherPlus.translationTop
  • AnimatedSwitcherPlus.translationBottom
  • AnimatedSwitcherPlus.wipeX ( Suitable for same-size widgets )
  • AnimatedSwitcherPlus.wipeY ( Suitable for same-size widgets )
  • AnimatedSwitcherPlus.revealX
  • AnimatedSwitcherPlus.revealY
  • AnimatedSwitcherPlus.revealCircular
  • AnimatedSwitcherPlus.wiggleRadial

Usage

AnimatedSwitcherPlus.flipX(  
 duration: const Duration(milliseconds: 1500),
 child: _showFirstChild ?
  const Text('Primary Text', key: ValueKey(0)) :
  const Text('Secondary Text', key: ValueKey(1)),
);

Note: If you are using the same type of widget, change the child key to notify the AnimatedSwitcher that the child has changed. Otherwise, the transition will not occur

श्रेणियाँ

स्विच

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

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