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

ducafecatFlutter इकोसिस्टम गाइड
parallax_bg कवर
पैकेज विवरणv2.0.1

parallax_bg

सुंदर और इंटरैक्टिव पैरलैक्स बैकग्राउंड बनाएं

AndroidiOS
pub.dev API दस्तावेज़ सोर्स कोड
30-दिन डाउनलोड
20
लाइक
31
Pub अंक
130

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

flutter pub add parallax_bg

पैकेज अवलोकन

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

ParallaxBg एक Flutter पैकेज है जो विकासकर्ताओं को आसानी से दृश्यतः आकर्षक और बातचीत वाले पैरलैक्स पृष्ठभूमि बनाने में सक्षम बनाता है। यह उपयोगकर्ता इनपुट या डिवाइस गति के आधार पर स्मूथ लेयर चलने का समर्थन करता है, जो गहराई और गतिशीलता के साथ ऐप इंटरफेस को बढ़ावा देने के लिए आदर्श है। पैकेज को Flutter प्रोजेक्ट में बिना किसी दिक्कत के एकीकृत किया जा सकता है और यह Android और iOS दोनों प्लेटफॉर्म पर काम करता है। कम सेटअप के साथ, यह ध्रुवीय रंग, छवियों या कस्टम विजेट के रूप में पृष्ठभूमि परतों के उपयोग के माध्यम से समृद्ध दृश्य प्रभाव प्रदान करता है।

उपयोग

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

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

  • स्मूथ पैरलैक्स लेयरिंग
  • बहुत बैकग्राउंड परतों का समर्थन
  • डिवाइस गति समावेशन
  • कस्टमाइज़ किया गया एनीमेशन गति
  • क्रॉस-प्लेटफ़ॉर्म सुविधा (Android और iOS)

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

  • दृश्य प्रभाव की तलाश में UI डिज़ाइनर
  • आकर्षक ऑनबोर्डिंग अनुभव बनाने वाले विकासकर्ता
  • गतिशील पृष्ठभूमि प्रभावों की आवश्यकता वाले ऐप
  • रचनात्मक डिजिटल उत्पाद प्रोटोटाइप

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

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

मूल README

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

parallax_bg

Create beautiful & interactive parallax backgrounds for your apps and games.

pub package

Example Image

You can find another working example in SlideIT Mobile Game

Usage

Add following command in your pubspec.yaml & install package

parallax_bg:2.0.1

or run

flutter pub add parallax_bg

Import in your dart page

import 'package:parallax_bg/parallax_bg.dart';

Add following to create background wrapper

    ParallaxBackground(
      backgroundImage: "assets/images/galaxy.jpg",
      parallaxType: _parallaxType,
      foregroundChilds: [
        ParallaxItem(
            child: Image.asset("assets/images/planet.png"),
            offset: _planetOffset),
        ParallaxItem(
            child: Image.asset("assets/images/meteor.png"),
            offset: _meteorOffset),
      ],
      // fallback: true,
    );

Change/Add/Remove ParallaxItem for foreground items

    ParallaxItem(
    child: Image.asset("assets/images/meteor.png"),
    offset: _meteorOffset),

ParallaxBackground

PROPERTY TYPE REQUIRED DETAILS
backgroundImage string yes Image path from asset folder
foregroundChilds List yes Widgets to create foreground layers
child Widget no Child widget to draw over all parallax widgets
reverse boolean no Move foreground items in reverse direction. Default false
fallback boolean no If true render the items normally when there are no sensors available. If false, it will show a error message in visible area. Default false

ParallaxItem

PROPERTY TYPE REQUIRED DETAILS
child Widget yes Child widget to draw over background as parallax item
offset boolean no Offset values to calculate distance to move items when moving device. Need separate value for each item. Default 5

LICENSE

MIT LICENSE

श्रेणियाँ

बैकग्राउंड प्रभाव, ग्रेडिएंट्स और शेडर्स

निर्भरताएँ

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

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

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

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