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

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

ripple_backdrop_animate_route

रूट के बैकड्रॉप के साथ रिपल एनीमेशन। इससे एक पारदर्शी पृष्ठ बनेगा जिसमें रिपल बैकड्रॉप एनीमेशन होगा ताकि विजेट्स को एनीमेट किया जा सके। आप किसी भी विजेट्स को अंदर रख सकते हैं और प्रभाव को कस्टमाइज़ कर सकते हैं।

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

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

flutter pub add ripple_backdrop_animate_route

पैकेज अवलोकन

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

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

उपयोग

  • इंटरैक्टिव ऐप नेविगेशन
  • कस्टम रूट ट्रांजिशन
  • उन्नत उपयोगकर्ता ओनबोर्डिंग
  • टैप के लिए दृश्य प्रतिक्रिया
  • आधुनिक यूजर इंटरफेस डिज़ाइन
  • एनीमेटेड स्प्लैश स्क्रीन्स

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

  • बैकड्रॉप के साथ रिपल एनीमेशन
  • कस्टमाइज़ किए गए विजेट स्थान
  • पारदर्शी मार्ग ओवरले
  • क्रॉस-प्लेटफ़ॉर्म समर्थन
  • मौजूदा रूट्स के साथ आसान एकीकरण
  • निर्धारित एनीमेशन पैरामीटर

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

  • एनिमेटेड रूट ट्रांज़िशन की तलाश में विकासकर्ता
  • डिज़ाइन-केंद्रित फ्लटर एप्लिकेशन
  • इंटरैक्टिव नेविगेशन वाले ऐप्स
  • UI/UX सुधार परियोजनाएं
  • Flutter शुरुआती उपयोगकर्ता एनिमेशन की खोज कर रहे हैं

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

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

मूल README

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

ripple_backdrop_animate_route

pub package GitHub stars GitHub forks GitHub license GitHub issues FlutterCandies

A ripple animation with backdrop of route.

Screenshot:

Getting Started

Example Usage
import 'package:ripple_backdrop_animate_route/ripple_backdrop_animate_route.dart';

///...

RippleBackdropAnimatePage.show(
  context: context,
  child: Column(
    mainAxisAlignment: MainAxisAlignment.end,
    children: <Widget>[
      Text('This is ripple backdrop animate page.'),
    ],
  ),
  childFade: true,
  duration: 300,
  blurRadius: 20,
  bottomButton: Icon(Icons.visibility),
  bottomHeight: 60,
  bottomButtonRotate: false,
);
Parameters
Name Description Default
child Child for page. -
childFade When enabled, [child] will fade in when animation is going and fade out when popping. false
duration Animation's duration, including [Navigator.push], [Navigator.pop]. 300
blurRadius Blur radius for [BackdropFilter]. 20.0
bottomButton [Widget] for bottom of the page. -
bottomHeight The height which [bottomButton] will occupy. kBottomNavigationBarHeight
bottomButtonRotate When enabled, [bottomButton] will rotate when to animation is going. true
bottomButtonRotateDegree The degree which [bottomButton] will rotate. 45.0

श्रेणियाँ

एनिमेशन और ट्रांज़िशन

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

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

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