Paketdetailsv1.2.0

blurhash

Eine sehr kompakte Darstellung eines Platzhalters für ein Bild.

AndroidiOSWeb

pub.dev API-Dokumentation Quellcode

30-Tage-Downloads: 2950
Likes: 79
Pub-Punkte: 150

Paket installieren

flutter pub add blurhash

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

BlurHash ist eine kompakte und effiziente Methode, um Bildplatzhalter mithilfe einer kurzen Hash-Zeichenkette darzustellen. Es generiert eine Vorschau mit niedriger Auflösung, die sofort gerendert werden kann, bevor das eigentliche Bild geladen wird, was die wahrgenommene Leistung und die Benutzererfahrung verbessert. Der Hash ist klein, wodurch er ideal für Caching und Übertragung ist. BlurHash funktioniert auf Android, iOS und Web Plattformen und ermöglicht eine konsistente Platzhalterdarstellung unabhängig von Gerät oder Umgebung. Er ist besonders nützlich in bildintensiven Apps, bei denen Ladezeiten bemerkbar sind.

Anwendungsfälle

Bilder-Ladeplätzen
Vorabladen von visueller Rückmeldung
Verringern der wahrgenommenen Ladezeit
Offline-Bildvorschauen
Leistungsoptimierung in Galerien
Streaming-Media-Schnittstellen

Hauptmerkmale

Kleiner Hash-Größe
Plattformübergreifende Unterstützung
Schnelle Darstellung
Niedriger Bandbreitenverbrauch
Hohe visuelle Fidelity bei niedriger Auflösung
Einfache Integration mit Bild-Widgets

Geeignet für

Apps mit bildintensiven Benutzeroberflächen
Content-Streaming-Plattformen
Soziale Medien-Apps
E-Commerce-Produktanzeigen
Web- und Mobile-Apps, die schnelles Bildladen benötigen

Hinweise

Eingeschränkte Details im Vergleich zu vollständigen Bildern
Nicht geeignet für hochwertige Vorschauen
Decodierung auf Client-Seite erforderlich
Am besten als temporäre Platzhalter verwendet
Nicht für die Bildspeicherung oder -freigabe vorgesehen

Original-README

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

blurhash

Compact representation of a placeholder for an image.

Platform Support

Android	iOS	Web
✔️	✔️	✔️

Usage

To use this plugin, add blurhash as a dependency in your pubspec.yaml file.

Example

void blurHashEncode() async {
  ByteData bytes = await rootBundle.load("image.jpg");
  Uint8List pixels = bytes.buffer.asUint8List();
  var blurHash = await BlurHash.encode(pixels, 4, 3);
}

void blurHashDecode() async {
  Uint8List? imageDataBytes;
  try {
    imageDataBytes = await BlurHash.decode(blurhash, 20, 12);
  } on PlatformException catch (e) {
    throw Exception(e.message);
  }
}