पैकेज विवरणv2.0.1

drag_ball

एक ऐसा Flutter पैकेज जो iPhone के AssistiveTouch के समान है।

AndroidiOSWebmacOSWindowsLinux

pub.dev API दस्तावेज़ सोर्स कोड

30-दिन डाउनलोड: 1.2 हज़ार
लाइक: 53
Pub अंक: 150

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

flutter pub add drag_ball

पैकेज अवलोकन

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

DragBall एक Flutter पैकेज है जो iPhone के AssistiveTouch फीचर के समान एक तैरता हुआ, ड्रैग किया जा सकने वाला विजेट प्रदान करता है। इससे उपयोगकर्ता स्क्रीन पर एक गोलाकार बटन को मुक्त रूप से हिलाने में सक्षम होते हैं, जिससे आसानी से बार-बार उपयोग किए जाने वाले कार्यों तक पहुँचा जा सकता है बिना UI को अवरुद्ध किए। एक्सेसिबिलिटी या त्वरित नेविगेशन के लिए आदर्श, यह सभी प्रमुख प्लेटफॉर्म जैसे Android, iOS, Web, macOS, Windows और Linux का समर्थन करता है। पैकेज हल्का है और कस्टमाइज़ किया जा सकता है, जिससे डेवलपर्स को अपने ऐप में एक स्थायी, इंटरैक्टिव तत्व को न्यूनतम सेटअप के साथ एम्बेड करने में सक्षम बनाता है।

उपयोग

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

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

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

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

प्राप्त करने योग्य ऐप्स बनाने वाले विकासकर्मी
इंटरैक्टिव तत्वों की खोज करने वाले UI डिज़ाइनर
स्थायी फ्लोटिंग बटन की आवश्यकता वाले ऐप
कई प्लेटफॉर्म के लिए लक्षित प्रोजेक्ट्स
त्वरित पहुँच इंटरफेस का प्रोटोटाइपिंग

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

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

मूल README

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

A flutter package, inspiration Indonesian e-commerce widget or similiar AssistiveTouch on Iphone.

📌 Note

Put [DragBall] on top the Scaffold

Example

Dragball(
  ball: const FlutterLogo(
    size: 70,
  ),
  initialPosition: DragballPosition.defaultPosition(),
  onTap: () => debugPrint('Dragball Tapped'),
  onPositionChanged: (DragballPosition position) =>
      debugPrint(position.toString()),
  child: Scaffold(
    appBar: AppBar(
      title: const Text('Dragball Example'),
    ),
    body: ListView.builder(
      padding: const EdgeInsets.all(20),
      itemBuilder: (BuildContext context, int index) {
        return Padding(
          padding: const EdgeInsets.only(bottom: 20),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: const [
              SizedBox(
                width: 100,
                height: 30,
                child: DecoratedBox(
                  decoration: BoxDecoration(
                    color: Color(0xFFE5E5E5),
                    borderRadius: BorderRadius.all(Radius.circular(15)),
                  ),
                ),
              ),
              SizedBox(height: 16),
              SizedBox(
                width: double.infinity,
                height: 160,
                child: DecoratedBox(
                  decoration: BoxDecoration(
                    color: Color(0xFFE5E5E5),
                    borderRadius: BorderRadius.all(Radius.circular(15)),
                  ),
                ),
              ),
              SizedBox(height: 16),
              SizedBox(
                width: 200,
                height: 30,
                child: DecoratedBox(
                  decoration: BoxDecoration(
                    color: Color(0xFFE5E5E5),
                    borderRadius: BorderRadius.all(Radius.circular(15)),
                  ),
                ),
              ),
            ],
          ),
        );
      },
      itemCount: 5,
    ),
  ),
);