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

bottom_drawer कवर
पैकेज विवरणv0.0.5

bottom_drawer

एक बॉटम ड्रॉयर विजेट, कस्टमाइज़ेबल ड्रॉयर हेडर और बॉडी सपोर्ट करता है, सूची बॉडी सपोर्ट करता है, खींचकर खोलने और बंद करने के लिए सपोर्ट करता है।

AndroidiOSWebmacOSWindowsLinux
30-दिन डाउनलोड
663
लाइक
36
Pub अंक
150

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

flutter pub add bottom_drawer

पैकेज अवलोकन

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

फ्लटर के लिए एक कस्टमाइज़ करने योग्य बॉटम ड्रॉअर विजेट जो खींचकर खोलने और बंद करने का समर्थन करता है, साथ ही वैकल्पिक हेडर और बॉडी कस्टमाइज़ेशन भी उपलब्ध है। यह स्टैटिक कंटेंट या लिस्ट-आधारित बॉडी को दिखा सकता है, जिससे यह मॉडल, फ़िल्टर या सहायक जानकारी पैनल के लिए आदर्श है। ड्रॉअर विभिन्न प्लेटफॉर्म जैसे मोबाइल, वेब और डेस्कटॉप के लिए अनुकूलित होता है, जिससे उपकरणों के बीच सुस्त यूएक्स सुनिश्चित होता है। सरलता और लचीलेपन के लिए डिज़ाइन किया गया, यह म существующी फ्लटर ऐप्स में आसानी से एकीकृत होता है।

उपयोग

  • मॉडल ओवरले
  • फ़िल्टर पैनल
  • सहायक सामग्री प्रदर्शित होती है
  • इंटरैक्टिव बॉटम शीट्स
  • फॉर्म इनपुट
  • नेविगेशन ड्रॉअर

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

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

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

  • इंटरैक्टिव यूआई बनाने वाले डेवलपर्स
  • संक्षिप्त पैनल वाले ऐप्स
  • प्लेटफॉर्म-अनुकूल बॉटम शीट्स की आवश्यकता वाले प्रोजेक्ट्स
  • लचीले ड्रॉयर लेआउट चाहने डिज़ाइनर
  • चिकन उपयोगकर्ता अंतरक्रिया के प्राथमिकता देने वाली टीमें

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

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

मूल README

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

Bottom Drawer for Flutter Pub version

Bottom Drawer.

DEMO

1. Add dependency
dependencies:
  bottom_drawer: ^0.0.5
2. Import bottom drawer
import 'package:bottom_drawer/bottom_drawer.dart';
3. Use bottom drawer

Create a bottom drawer controller.

/// create a bottom drawer controller to control the drawer.
BottomDrawerController controller = BottomDrawerController();

Build a bottom drawer widget.

/// return a bottom drawer widget.
Widget buildBottomDrawer(BuildContext context) {
  return BottomDrawer(
    /// your customized drawer header.
    header: Container(),
    /// your customized drawer body.
    body: Container(),
    /// your customized drawer header height.
    headerHeight: 60.0,
    /// your customized drawer body height.
    drawerHeight: 180.0,
    /// drawer background color.
    color: Colors.lightBlue,
    /// drawer controller.
    controller: controller,
  );
}

Control the bottom drawer.

/// open the bottom drawer.
controller.open();

/// close the bottom drawer.
controller.close();

For more information, see the example.

श्रेणियाँ

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

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

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