FLUTTER ECOSYSTEM

gabrielpatricksouza/image_network

gabrielpatricksouza/image_network open-source repository details.

image_network 프로젝트 이미지
Stars
15
Forks
13
최근 푸시(UTC)
2025. 1. 3.
프로젝트 상태
활성
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