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

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

foldable_list

एक एनिमेटेड फोल्डेबल सूची जिसमें विस्तारित आइटम होंगे जब उपयोगकर्ता कोई सेल पर क्लिक करता है

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

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

flutter pub add foldable_list

पैकेज अवलोकन

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

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

उपयोग

  • संक्षिप्त सूची में विस्तृत जानकारी प्रदर्शित करना
  • एक एक्कॉर्डियन-शैली के इंटरफ़ेस का निर्माण करें
  • विस्तारयोग्य खंडों के साथ नेविगेशन में सुधार
  • FAQ या सेटिंग्स पैनल बनाना
  • नेस्टेड डेटा हियरार्की को दिखाना

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

  • चिकनी एनिमेटेड विस्तार और संकुचन
  • कस्टमाइज़ेबल एनीमेशन अवधि और कर्व
  • बहुत विस्तार्य आइटम का समर्थन
  • मौजूदा ListView के साथ आसान एकीकरण
  • क्रॉस-प्लेटफ़ॉर्म सुविधा

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

  • इंटरैक्टिव यूआई बनाने वाले डेवलपर्स
  • संकलित सामग्री की आवश्यकता वाले ऐप्स
  • एल्गेंट एक्सपैंडेबल सूचियाँ चाहने वाले डिज़ाइनर
  • डायनामिक डेटा प्रदर्शन वाले प्रोजेक्ट्स
  • समृद्ध इंटरैक्शन वाले मोबाइल और वेब एप्लिकेशन

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

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

मूल README

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

Foldable List

An animated foldable list cells with dynamic widget list input, let you display detailed item cell without navigating to a new screen.

enter image description here foldable_list_slide_animation.gif foldable_list_without_animation.gif

Features

  • Display list of widgets
  • Display detailed cell item
  • Animation transition between item cell and foldable item

Getting Started

In order to use foldable list package you need to install it via pubspec.yaml file

dependencies:
	foldable_list: ^1.0.1

Parameters

Name Type Description Required
foldableItems List<Widget> List of widget items that will be shown when an item is clicked True
items List<Widget> List of widgets that will be shown by default in the listview True
animationDuration Duration the duration of the animation by default: Duration(milliseconds: 500) False
animationType ANIMATION_TYPE the animation that will applied on the transition between items False

possible values of animationType : NONE, SIZE_TRANSITION, SCALE

Example

return  Scaffold(
	backgroundColor:  Colors.white,
	body:  Container(
		child:  FoldableList(
			animationType:  ANIMATION_TYPE.NONE,
			foldableItems:  this.expandedWidgetList,
			items:  this.simpleWidgetList
		)
	)
);

Result:

foldable_list_without_animation.gif

Contribution

Of course the project is open source, and you can contribute to it repository link

  • If you found a bug, open an issue.

  • If you have a feature request, open an issue.

  • If you want to contribute, submit a pull request.

श्रेणियाँ

कार्ड और एक्सपेंशन टाइल

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

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

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