image_network

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

Image Network é um pacote Flutter projetado para renderizar imagens na web usando o CanvasKit, contornando efetivamente as restrições CORS que comumente dificultam o carregamento de imagens em ambientes web. Ao aproveitar o CanvasKit, ele permite a exibição sem interrupções de imagens de fontes externas sem exigir configuração do lado do servidor. O pacote é especialmente útil para aplicativos que dependem fortemente de ativos de imagem remota e precisam de renderização consistente em diferentes plataformas. Ele suporta tanto as plataformas iOS quanto web, garantindo compatibilidade entre plataformas.

Casos de uso

Carregando imagens remotas na web sem problemas de CORS
Renderização de imagens em aplicativos web do Flutter com CanvasKit
Exibir imagens carregadas pelo usuário ou de terceiros de forma confiável
Integrando conteúdo de imagem dinâmico em aplicativos web do Flutter
Garantir a renderização consistente de imagens entre plataformas

Principais recursos

Usa o CanvasKit para renderização de imagens na web
Bypassa limitações do CORS na web
Suporta plataformas iOS e web
Integração simples por meio do pub add
Desempenho otimizado para imagens remotas

Indicado para

Desenvolvedores web usando Flutter com fontes de imagem remotas
Aplicativos que exigem carregamento confiável de imagens na web
Desenvolvedores enfrentando problemas de carregamento de imagens relacionados ao CORS
Projetos Flutter multiplataforma com interfaces do usuário intensivas em imagens
Projetos aproveitando o CanvasKit para gráficos

Considerações

Limitado às plataformas web e iOS
Requer suporte ao CanvasKit em builds para web
Pode ter sobrecarga de desempenho para imagens grandes
Não adequado para Android nativo ou desktop
Dependente da acessibilidade de URLs de imagens externas

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

🌐 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

Buscar categorias, pacotes e repositórios

Instalar pacote