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

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

link_previewer

एक नया Flutter पैकेज। यह सिर्फ इनलाइन लिंक या डिफ़ॉल्ट हाइपरलिंक की तुलना में लिंक को खूबसूरत बनाने के लिए बनाया गया है।

pub.dev API दस्तावेज़ सोर्स कोड
30-दिन डाउनलोड
59
लाइक
14
Pub अंक
40

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

flutter pub add link_previewer

पैकेज अवलोकन

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

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

उपयोग

  • सोशल मीडिया ऐप्स
  • संदेश इंटरफ़ेस
  • सामग्री साझाकरण विशेषताएं
  • ब्लॉग या समाचार प्रवाह प्रदर्शित करता है
  • उपयोगकर्ता-उत्पादित सामग्री प्लेटफॉर्म

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

  • लिंक मेटाडेटा को स्वचालित रूप से डाउनलोड करता है
  • थंबनेल और विवरण प्रदर्शित करता है
  • डायनामिक प्रीव्यू रेंडरिंग समर्थित
  • टेक्स्ट विजेट्स के साथ आसान एकीकरण
  • साफ, कस्टमाइज़ेबल यूआई

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

  • सोशल ऐप बनाने वाले डेवलपर्स
  • उपयोगकर्ता द्वारा साझा किए गए लिंक वाले ऐप्स
  • समृद्ध लिंक विज़ुअलाइज़ेशन की आवश्यकता वाले प्रोजेक्ट
  • यूएक्स सुधार पर केंद्रित टीमें

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

  • मेटाडेटा लेने के लिए इंटरनेट कनेक्शन की आवश्यकता होती है
  • बहुत सारे पूर्वावलोकन के साथ प्रदर्शन पर प्रभाव पड़ सकता है
  • HTTP/HTTPS URL तक सीमित
  • ऑफलाइन प्रीव्यू समर्थन नहीं है
  • बाहरी साइट के मेटा टैग पर निर्भर करता है

मूल README

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

link_previewer

A new Flutter package. Build container with image, title, description from web-site (link) will be provided.

Getting Started

alt text

Installing

Use this package as a library

  1. Depend on it

Add this to your package's pubspec.yaml file:

dependencies:
  link_previewer: ^1.2.1
  1. Install it

You can install packages from the command line: with Flutter:

$ flutter pub get

Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

  1. Import it

Now in your Dart code, you can use:

import 'package:link_previewer/link_previewer.dart';

Usage

Widget build() {
  return Column(
    mainAxisAlignment: MainAxisAlignment.center,
    children: <Widget>[
      LinkPreviewer(
        link: "https://www.linkedin.com/feed/",
        direction: ContentDirection.horizontal,
      ),
      LinkPreviewer(
        link: "https://www.linkedin.com/feed/",
        direction: ContentDirection.vertical,
      ),
    ],
  );
}

Properties (Constructor props)

PropName Value Definition
link String value (Ex: "http://...") Link to website will be shown as LinkPreviewer
titleFontSize double (default: 15, but it's auto resizable depends on layout(parent) width or hight) Title font size
bodyFontSize double (default: 14, but it's auto resizable depends on layout(parent) width or hight) Body font size
backgroundColor Color (default: Colors.white) Background color in case there will be not much text and will be whitespace
borderColor Color (default: Colors.deepOrangeAccent) Border color of the previewer
borderRadius double (default: 3.0) Border radius
direction ContentDirection from the package (default: ContentDirection.horizontal) Options: 1. ContentDirection.horizontal 2. ContentDirection.vertical Content direction (image -> title -> body)
From version 1.1.0
PropName Value Definition
placeholder Widget Custom placeholder while data is loading
defaultPlaceholderColor Color (default: light-grey) If placeholder is not set, will be used the default one and its color can be set using this prop (empty container with background)
showTitle bool (default: true) Title can be hiden using this prop, if it set to false
showBody bool (default: true) Body can be hiden using this prop, if it set to false
From version 1.2.0
PropName Value Definition
bodyTextOverflow TextOverflow (default: TextOverflow.ellipsis or TextOverflow.fade) Text overflow prop
bodyMaxLines int (default: depends on hight) Max Lines that will be shown in the body

श्रेणियाँ

सोशल मीडिया

निर्भरताएँ

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

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

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

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