FLUTTER ECOSYSTEM

gabrielpatricksouza/image_network

gabrielpatricksouza/image_network open-source repository details.

image_network のプロジェクト画像
Stars
15
Forks
13
最終プッシュ(UTC)
2025/01/03
プロジェクト状態
公開中
Gabriel Patrick Souza GitHub avatar
GITHUB User

Gabriel Patrick Souza ↗

言語DartC++CMakeHTMLRubyCSwiftKotlinObjective-C

このリポジトリが公開するパッケージ

使用している依存関係

依存関係一覧 5 件
  • flutter{"sdk":"flutter"}
  • http>= 0.13.6 < 2.0.0
  • webviewimage>= 0.0.4 < 1.0.0
  • flutter_test開発用{"sdk":"flutter"}
  • flutter_lints開発用^2.0.1

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

README を開く / 閉じる

🌐 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