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

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

cupertino_modal_sheet

स्क्रीन के नीचे से ऊपर आने वाला मॉडल iOS-शैली शीट दिखाता है।

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

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

flutter pub add cupertino_modal_sheet

पैकेज अवलोकन

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

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

उपयोग

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

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

  • iOS शैली का स्लाइड-अप एनिमेशन
  • गतिशील निरस्त करना
  • क्रॉस-प्लेटफ़ॉर्म संगतता
  • कस्टमाइज़ किया गया सामग्री
  • स्मूथ ट्रांजिशन
  • सभी प्रमुख प्लेटफॉर्म का समर्थन करता है

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

  • iOS-आधारित यूआई डिज़ाइन
  • क्रॉस-प्लेटफॉर्म एप्स में बॉटम शीट मोडल्स
  • उपयोगकर्ता इनपुट फॉर्म
  • क्रिया चयन इंटरफ़ेस
  • Apple इकोसिस्टम के लिए लक्षित ऐप्स

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

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

मूल README

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

cupertino_modal_sheet

pub package

English, 日本語

Shows a modal iOS-style sheet that slides up from the bottom of the screen.

On mobile devices, the content is displayed as a sheet, with part of the background content near the top of the screen.
On tablet, a dimming layer is added to the background content and the content is centered over this layer.

Mobile

Tablet

Features

  • Hero compatibility
  • Tablet compatibility
  • Swiping to dismiss
  • Multi sheet (Dimming is imperfect)
  • Navigator2 compatibility

Getting started

showCupertinoModalSheet(
  context: context,
  builder: (context) => BookDetailsScreen(book: book),
);

Navigator2.0

Use CupertinoModalSheetPage or directly CupertinoModalSheetRoute.

TODO

  • [ ] Tests
  • [ ] Extensibility
  • [ ] Fix dimming of multi-sheet

PRs are welcome!

श्रेणियाँ

बॉटम पैनल और बॉटमशीट्स

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

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

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