पैकेज विवरणv2.6.0

image_network

Image Network एक पैकेज है जो आपको CORS की समस्या के बिना वेब पर CanvasKit का उपयोग करके छवियाँ दिखाने की अनुमति देता है।

iOSWeb

pub.dev API दस्तावेज़ सोर्स कोड

30-दिन डाउनलोड: 12.3 हज़ार
लाइक: 160
Pub अंक: 150

पैकेज इंस्टॉल करें

flutter pub add image_network

पैकेज अवलोकन

सार्वजनिक जानकारी से बना चयन मार्गदर्शन। केवल संदर्भ हेतु।

Image Network एक Flutter पैकेज है जिसका उपयोग कैनवासकिट के उपयोग से वेब पर छवियों को दिखाने के लिए किया जाता है, जिससे आमतौर पर वेब वातावरण में छवि लोडिंग को रोकने वाली CORS प्रतिबंधों को बचाया जा सकता है। कैनवासकिट के उपयोग से, यह बाहरी स्रोतों से छवियों को बिना सर्वर-साइड कॉन्फ़िगरेशन के बिना बिना किसी बाधा के प्रदर्शित करने में सक्षम है। यह पैकेज विशेष रूप से दूरस्थ छवि संसाधनों पर निर्भर ऐप्लिकेशन के लिए उपयोगी है और विभिन्न प्लेटफॉर्मों पर सुसंगत प्रदर्शन सुनिश्चित करता है। यह iOS और वेब प्लेटफॉर्म दोनों का समर्थन करता है, जिससे क्रॉस-प्लेटफॉर्म संगतता सुनिश्चित होती है।

उपयोग

CORS समस्याओं के बिना वेब पर दूरस्थ छवियों को लोड करना
CanvasKit के साथ Flutter वेब ऐप में चित्रों को रेंडर करना
उपयोगकर्ता द्वारा अपलोड की गई या तृतीय पक्ष की छवियों को विश्वसनीय ढंग से प्रदर्शित करना
वेब-आधारित Flutter ऐप्स में डायनामिक इमेज कंटेंट को एकीकृत करना
प्लेटफॉर्म के बीच सुसंगत छवि रेंडरिंग सुनिश्चित करना

मुख्य विशेषताएँ

वेब इमेज रेंडरिंग के लिए CanvasKit का उपयोग करता है
वेब पर CORS सीमाओं को बायपास करता है
iOS और वेब प्लेटफॉर्म का समर्थन करता है
pub add के माध्यम से सरल एकीकरण
दूरस्थ छवियों के लिए अनुकूलित प्रदर्शन

इनके लिए उपयुक्त

दूरस्थ छवि स्रोत के साथ Flutter का उपयोग करने वाले वेब विकासकर्मी
वेब पर विश्वसनीय छवि लोडिंग की आवश्यकता वाले ऐप्स
CORS से जुड़ी छवि लोडिंग समस्याओं का सामना कर रहे विकासकर्ता
चित्र-भारी उपयोगकर्ता इंटरफेस वाले प्लेटफॉर्म-स्थानांतरण फ्लटर प्रोजेक्ट्स
ग्राफिक्स के लिए CanvasKit का उपयोग करने वाले प्रोजेक्ट्स

विचार योग्य बातें

वेब और iOS प्लेटफॉर्म तक सीमित
वेब बिल्ड में CanvasKit समर्थन की आवश्यकता है
बड़े चित्रों के लिए प्रदर्शन ओवरहेड हो सकता है
मूल एंड्रॉइड या डेस्कटॉप के लिए उपयुक्त नहीं
बाहरी छवि URL की पहुंच के आधार पर

मूल README

संबंधित सोर्स रिपॉज़िटरी के मूल README का स्नैपशॉट। नवीनतम सामग्री के लिए रिपॉज़िटरी देखें।

🌐 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");
    },
  )