image_network

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Image Network ist ein Flutter-Paket, das entwickelt wurde, um Bilder im Web mit CanvasKit darzustellen und so die häufig auftretenden CORS-Beschränkungen zu umgehen, die das Laden von Bildern in Web-Umgebungen normalerweise behindern. Durch die Nutzung von CanvasKit ermöglicht es die nahtlose Anzeige von Bildern aus externen Quellen ohne serverseitige Konfiguration. Das Paket ist besonders nützlich für Anwendungen, die stark auf remote Bildressourcen angewiesen sind und eine konsistente Darstellung über verschiedene Plattformen hinweg benötigen. Es unterstützt sowohl iOS als auch Web-Plattformen und gewährleistet damit plattformübergreifende Kompatibilität.

Anwendungsfälle

Laden von Remote-Bildern auf Webseiten ohne CORS-Probleme
Rendering von Bildern in Flutter-Web-Anwendungen mit CanvasKit
Benutzerhochgeladene oder Drittanbieter-Bilder zuverlässig anzeigen
Integration dynamischer Bildinhalte in webbasierte Flutter-Apps
Konsistente Bildwiedergabe über Plattformen hinweg sicherstellen

Hauptmerkmale

Verwendet CanvasKit für die Web-Bildrenderung
Umgeht CORS-Beschränkungen im Web
Unterstützt iOS und Web-Plattformen
Einfache Integration über pub add
Optimierte Leistung für Remote-Bilder

Geeignet für

Webentwickler, die Flutter mit Remote-Bildquellen verwenden
Apps, die zuverlässiges Bildladen im Web erfordern
Entwickler, die mit CORS-bezogenen Problemen beim Laden von Bildern konfrontiert sind
Plattformübergreifende Flutter-Projekte mit bildintensiven Benutzeroberflächen
Projekte, die CanvasKit für Grafiken nutzen

Hinweise

Beschränkt auf Web- und iOS-Plattformen
Benötigt CanvasKit-Unterstützung in Web-Builds
Kann für große Bilder Leistungseinbußen verursachen
Nicht geeignet für natives Android oder Desktop
Abhängig von der Erreichbarkeit externer Bild-URLs

Original-README

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

🌐 Image Network

Image Network is a package that allows you to render images on the web using CanvasKit without having problems with CORS.

📚 Features

Image Manager (Android - iOS - Web)
Use the CanvasKit renderer
No problems with CORS
Fast loading
Image cache (Android && iOS)
- Recommended using with CachedNetworkImage version 2.2.0 or newer
Image from Url:
- (Web) accept http or https image
- (Android && iOS) accept https images
Supported Image Formats
- PNG
- JPEG
- GIF / Animated GIF

🔌 Installation

Add image_network as a dependency in your pubspec.yaml file .

Import Image Network:

import 'package:image_network/image_network.dart';

👨‍💻 How To Use

URL Image

String imageUrl = "https://storage.googleapis.com/cms-storage-bucket/a9d6ce81aee44ae017ee.png";

Image Network

ImageNetwork(
    image: imageUrl,
    height: 350.0,
    width: 240.0,
    duration: 1500,
    curve: Curves.easeIn,
    onPointer: true,
    debugPrint: false,
    backgroundColor: Colors.blue,
    fitAndroidIos: BoxFit.cover,
    fitWeb: BoxFitWeb.cover,
    borderRadius: BorderRadius.circular(70),
    onLoading: const CircularProgressIndicator(
      color: Colors.indigoAccent,
    ),
    onError: const Icon(
      Icons.error,
      color: Colors.red,
    ),
    onTap: () {
      debugPrint("©gabriel_patrick_souza");
    },
  )

☀️ License

MIT License

Kategorien, Pakete und Repositories suchen

Paket installieren