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

पैकेज विवरणv0.0.2

slide_popup_dialog

स्लाइड तंत्र के साथ पॉपअप डायलॉग। इसका उपयोग AlertDialog या SimpleDialog की तरह करें।

30-दिन डाउनलोड
41
लाइक
108
Pub अंक
40

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

flutter pub add slide_popup_dialog

पैकेज अवलोकन

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

एक फ्लटर पैकेज जो स्लाइड-इन एनीमेशन के साथ एक पॉपअप डायलॉग प्रदान करता है, जिससे चिकनी और इंटरैक्टिव उपयोगकर्ता अनुभव मिलता है। यह AlertDialog या SimpleDialog जैसे मानक डायलॉग के व्यवहार की नकल करता है, लेकिन बेहतर दृश्य प्रतिक्रिया के लिए एक स्लाइडिंग ट्रांजिशन जोड़ता है। हल्के, एनीमेटेड पॉपअप के लिए आदर्श, जो स्क्रीन के किनारे से दिखाई देते हैं, यह कस्टमाइजेशन को समर्थन देता है जबकि सरलता और एकीकरण की आसानी बनाए रखता है। पैकेज को मौजूदा फ्लटर डायलॉग पैटर्न के साथ संगत और तुरंत उपयोग करने योग्य बनाने के लिए डिज़ाइन किया गया है।

उपयोग

  • इंटरैक्टिव ओनबोर्डिंग टिप्स
  • त्वरित कार्रवाई प्रणाली
  • एनिमेशन के साथ मोडल अलर्ट
  • उपयोगकर्ता पुष्टि डायलॉग
  • फॉर्म सत्यापन प्रतिक्रिया

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

  • स्लाइड-इन एनिमेशन प्रभाव
  • AlertDialog के समान सरल API
  • कस्टमाइज़ेबल दिखावट
  • हल्का और तेज़
  • मानक फ्लटर विजेट्स के साथ काम करता है

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

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

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

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

मूल README

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

slide_popup_dialog

Popup dialog with slide mechanism. Use it like AlertDialog or SimpleDialog.

Gif Example

How to use

  1. Add slide_popup_dialog to your package's pubspec.yaml, then intall it.

  2. Import package.

import 'package:slide_popup_dialog/slide_popup_dialog.dart' as slideDialog;
  1. Add this method to your State Widget.
void _showDialog() {
  slideDialog.showSlideDialog(
    context: context,
    child: Text("Hello World"),
  );
}

Code Example

class MyHomePage extends StatefulWidget {
  final String title;

  const MyHomePage({Key key, this.title}) : super(key: key);

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: RaisedButton(
          child: Text("Press to open dialog"),
          onPressed: _showDialog,
        ),
      ),
    );
  }

  void _showDialog() {
    slideDialog.showSlideDialog(
      context: context,
      child: Text("Hello World"),
      barrierColor: Colors.white.withOpacity(0.7),
      pillColor: Colors.red,
      backgroundColor: Colors.yellow,
    );
  }
}

Gif Example

श्रेणियाँ

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

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

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