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

पैकेज विवरणv1.1.2

popup_window

एक डायलॉग को एंड्रॉइड नेटिव विंडो की तरह दिखाएं, जिसे स्क्रीन पर स्थिति के आधार पर दिखाया जा सकता है।

30-दिन डाउनलोड
19
लाइक
16
Pub अंक
30

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

flutter pub add popup_window

पैकेज अवलोकन

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

PopupWindow एक Flutter पैकेज है जो स्क्रीन पर बिल्कुल सही स्थान पर डायलॉग-जैसे पॉपअप को दिखाने की अनुमति देता है, जो Android के मूल विंडो व्यवहार की नकल करता है। यह विशिष्ट निर्देशांकों पर सामग्री दिखाने का एक लचीला तरीका प्रदान करता है, जो संदर्भ मेनू, टूलटिप्स या कस्टम ओवरले के लिए आदर्श है। पैकेज डायनामिक स्थान निर्धारण का समर्थन करता है और मौजूदा Flutter विजेट्स के साथ चिकने रूप से एकीकृत होता है। यह हल्का है और केवल पॉपअप प्रदर्शन कार्यक्षमता पर केंद्रित है, अतिरिक्त निर्भरताओं के बिना। Flutter ऐप्स में मूल जैसे पॉपअप अनुभव चाहने वाले विकासकर्ताओं के लिए डिज़ाइन किया गया है।

उपयोग

  • प्रतिबिंब संदर्भ मेनू
  • टूलटिप्स बनाना
  • कस्टम ओवरले दिखाएं
  • फ्लोटिंग एक्शन पॉपअप का अनुमोदन
  • इंटरैक्टिव यूआई तत्व बनाना

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

  • स्थिति-आधारित पॉपअप स्थापना
  • एंड्रॉइड-नेटिव शैली का दिखावट
  • हल्का और न्यूनतम निर्भरता
  • गतिशील स्थिति का समर्थन करता है
  • Flutter विजेट्स के साथ आसान एकीकरण

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

  • सटीक पॉपअप स्थिति की आवश्यकता वाले विकासकर्ता
  • मूल डायलॉग व्यवहार की आवश्यकता वाले ऐप
  • तैरते तत्वों वाले UI घटक
  • कस्टम ओवरले इम्प्लीमेंटेशन
  • एंड्रॉइड-शैली के डायलॉग के साथ क्रॉस-प्लेटफ़ॉर्म एप्लिकेशन

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

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

मूल README

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

popup_window

Screenshot

A library to display a view like window in android native.

Getting Started

1.Install

dependencies:
  popup_window: ^1.1.2

2.Import

import 'package:popup_window/popup_window.dart';

3.Usage


/// call directly
showWindow<T>(
        context: context,
        position: position, /// RelativeRect
        duration: widget.duration,
        windowBuilder: widget.windowBuilder,
        onWindowShow: widget.onWindowShow,
        onWindowDismiss: widget.onWindowDismiss);

or

/// windowHeigh = 200;
PopupWindowButton(
  offset: Offset(0, windowHeight),
  buttonBuilder: (BuildContext context) {
    return PopupWindowBtn();
  },
  windowBuilder: (BuildContext context, Animation<double> animation,
     Animation<double> secondaryAnimation) {
    return FadeTransition(
      opacity: animation,
      child: SizeTransition(
        sizeFactor: animation,
        child: Container(
          color: Colors.greenAccent,
          height: windowHeight,
        ),
      ),
    );
  },
  onWindowShow: () {
    print('PopupWindowButton window show');
  },
  onWindowDismiss: () {
     print('PopupWindowButton window dismiss');
  },
)

More detail see example: main.dart

श्रेणियाँ

निर्भरताएँ

निर्भरता सूची 1 आइटम

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

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

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