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

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

animated_image_list

पैरलैक्स प्रभाव और छवि लाइटबॉक्स के साथ फ्लटर एनीमेटेड छवि सूची।

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

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

flutter pub add animated_image_list

पैकेज अवलोकन

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

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

उपयोग

  • इमेज गैलरी
  • पोर्टफोलियो प्रदर्शन
  • उत्पाद प्रदर्शन
  • इंटरैक्टिव स्टोरीटेलिंग
  • सोशल मीडिया फीड्स

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

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

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

  • दृश्य-भारी एप्लिकेशन बनाने वाले डेवलपर्स
  • आकर्षक UI घटकों की तलाश करने वाले डिज़ाइनर
  • आकर्षक छवि ब्राउज़िंग की आवश्यकता वाले ऐप
  • उत्पाद छवियों वाले ई-कॉमर्स प्लेटफॉर्म
  • रचनात्मक डिजिटल पोर्टफोलियो

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

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

मूल README

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

Animated Image List for Flutter

Pub

Flutter Animated image list with parallax effect and image lightbox .

gif

Getting Started

Add the package to your pubspec.yaml:

animated_image_list: ^0.5.0

In your dart file, import the library:

import 'package:animated_image_list/AnimatedImageList.dart';

Instead of using a ListView create a AnimatedImageList Widget:

 AnimatedImageList(
               images: arr.map((e) => e.urls.small).toList(),
               builder: (context, index, progress) {
                 return Positioned.directional(
                     textDirection: TextDirection.ltr,
                     bottom: 15,
                     start: 25,
                     child: Opacity(
                       opacity: progress > 1 ? (2 - progress) : progress,
                       child: Text(
                         arr[index].user.username ?? 'Anonymous',
                         style: TextStyle(
                             color: Colors.white,
                             fontSize: 25,
                             fontWeight: FontWeight.w500),
                       ),
                     ));
               },
               scrollDirection: Axis.vertical,
               itemExtent: 100,
               maxExtent: 400,
             ),
Parameters:
Name Description Required Default value
images A list of images url to display in the list by default it accepts urls if custom image needed use provider paramter required -
provider Function which maps an url or image string to an image provider - -
itemExtent not selected item size required to calculate animations required 150
maxExtent selected item size required to calculate animations required 400
scrollDirection List scroll direction horizontal or vertical - Axis.vertical
builder Builder function that returns a widget to display over the image / progress from 0...1 item selection progress from 1...2 item leaving view could be usefull if you want to animate something like text opacity above / index current item index - -
placeHolder Optional function which returns default placeholder for lightbox and error widget if image fails to load - kTransparentImage

श्रेणियाँ

कैरोसेल या कवर फ्लो

निर्भरताएँ

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

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

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

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