Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Paketdetailsv1.2.1

link_previewer

Ein neues Flutter-Paket. Es ist dafür gedacht, Links schöner aussehen zu lassen als einfache Inline-Links oder Standard-Hyperlinks.

pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
59
Likes
14
Pub-Punkte
40

Paket installieren

flutter pub add link_previewer

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Link Previewer ist ein Flutter-Paket, das darauf abzielt, die visuelle Darstellung von Links innerhalb von Apps zu verbessern. Es wandelt einfache URLs in reichhaltige, interaktive Vorschaubilder mit Miniaturbildern, Titeln, Beschreibungen und Metadaten um, die aus dem verlinkten Inhalt abgerufen werden. Ideal für soziale Medien-Anwendungen, Messaging-Plattformen oder jede App, in der Benutzer Web-Links teilen, erhöht es die Benutzerengagement, indem Links informativer und optisch ansprechender gestaltet werden. Das Paket unterstützt dynamische Rendern und lässt sich nahtlos in bestehende Text-Widgets integrieren.

Anwendungsfälle

  • Soziale-Medien-Apps
  • Messaging-Schnittstellen
  • Funktionen zum Teilen von Inhalten
  • Blog- oder Nachrichtenfeed-Anzeige
  • Benutzererzeugte-Inhalts-Plattformen

Hauptmerkmale

  • Holt Link-Metadaten automatisch ab
  • Zeigt Vorschaubilder und Beschreibungen an
  • Unterstützt dynamische Vorschau-Rendering
  • Einfache Integration mit Textfeldern
  • Sauberer, anpassbarer Benutzeroberfläche

Geeignet für

  • Entwickler, die soziale Apps erstellen
  • Apps mit von Benutzern geteilten Links
  • Projekte, die eine reichhaltige Link-Visualisierung benötigen
  • Teams, die sich auf UX-Verbesserungen konzentrieren

Hinweise

  • Benötigt Internetzugang zum Abrufen von Metadaten
  • Kann die Leistung bei vielen Vorschauen beeinträchtigen
  • Beschränkt auf HTTP/HTTPS-URLs
  • Keine Unterstützung für Offline-Vorschau
  • Abhängig von den Meta-Tags der externen Website

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

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

Kategorien

Soziale Medien

Abhängigkeiten

Abhängigkeiten 4 Einträge

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.