FLUTTER ECOSYSTEM

gabrielpatricksouza/image_network

gabrielpatricksouza/image_network open-source repository details.

Projektcover von image_network
Stars
15
Forks
13
Letzter Push (UTC)
03.01.2025
Projektstatus
Aktiv
Gabriel Patrick Souza GitHub avatar
GITHUB User

Gabriel Patrick Souza ↗

SprachenDartC++CMakeHTMLRubyCSwiftKotlinObjective-C

Von diesem Repository veröffentlichte Pakete

Verwendete Abhängigkeiten

Abhängigkeiten 5 Einträge
  • flutter{"sdk":"flutter"}
  • http>= 0.13.6 < 2.0.0
  • webviewimage>= 0.0.4 < 1.0.0
  • flutter_testEntwicklung{"sdk":"flutter"}
  • flutter_lintsEntwicklung^2.0.1

Original-README

Englischer Projektschnappschuss. Aktuelle Inhalte auf GitHub.

Projekt-README ein-/ausklappen

🌐 Image Network

https://github.com/gabrielpatricksouza/image_network/blob/v2.5.5/readme/banner_v2.png

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

Build https://img.shields.io/badge/pub-v2.6.0-blue

https://github.com/gabrielpatricksouza/image_network/blob/v2.5.5/readme/web_android_iOS.gif

📚 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

Copyright (c) 2021 Gabriel Patrick Souza

MIT License