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

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

skeleton_animation

अपने ऐप में स्केलेटन एनिमेशन प्रदर्शित करें। यह Android, iOS और वेब पर काम करता है।

pub.dev API दस्तावेज़ सोर्स कोड
30-दिन डाउनलोड
48
लाइक
33
Pub अंक
70

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

flutter pub add skeleton_animation

पैकेज अवलोकन

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

स्केलेटन_एनिमेशन पैकेज एंड्रॉइड, आईओएस और वेब प्लेटफॉर्म पर फ्लटर ऐप में स्केलेटन प्लेसहोल्डर को दिखाने का एक सरल तरीका प्रदान करता है। यह आवश्यक डेटा लोड होने के बाद उपयोगकर्ता इंटरफ़ेस तत्वों के लोडिंग स्टेट की नकल करता है जिसमें एनिमेटेड ग्रे आकृतियाँ शामिल होती हैं। डेटा लोडिंग के दौरान प्रतिमान प्रदर्शन में सुधार करने के लिए उपयुक्त, यह दृश्य अचानक बदलाव को कम करके चलाने के अनुभव को बनाए रखने में मदद करता है। पैकेज हल्का है और उपयोग करने में आसान है और अस्तित्व में छोटे विभाजन के बिना अपने विभाजन में बिना कठिन सेटअप के एकीकृत होता है।

उपयोग

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

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

  • प्लेटफॉर्म के लिए समर्थन (Android, iOS, Web)
  • मौजूदा विजेट्स के साथ सरल एकीकरण
  • एनिमेटेड स्केलेटन आकृतियाँ
  • आवश्यक न्यूनतम कॉन्फ़िगरेशन
  • हल्का और कार्यक्षम

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

  • डायनामिक यूआई बनाने वाले डेवलपर्स
  • अक्सर डेटा लोड करने वाले ऐप्स
  • यूएक्स-फोकस्ड एप्लिकेशन्स
  • इंटरैक्टिव स्क्रीन के प्रोटोटाइप बनाना
  • संवेदित लोड समय को कम करने के लक्ष्य वाले प्रोजेक्ट्स

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

  • सीमित कस्टमाइजेशन विकल्प
  • कस्टम एनिमेशन स्पीड के लिए बिल्ट-इन सपोर्ट नहीं है
  • दृश्यता स्थितियों के हस्तचालित प्रबंधन की आवश्यकता है
  • स्थिर प्रतिनिधि डिजाइन के लिए उपयुक्त नहीं
  • उन्नत विशेषताओं के लिए बाहरी निर्भरता पर निर्भर करता है

मूल README

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

skeleton_animation

Pub Version

Creates a simple skeleton animation that can be used on android, iOS and the web.

How to use

import 'package:skeleton_animation/skeleton_animation.dart';

Skeleton(
  height: 12,
  style: SkeletonStyle.text
),

// or

SkeletonText(
  height: 12
)

श्रेणियाँ

स्थान लेने वाला

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

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

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