圖像

最佳的Flutter图像包 -------------------------- Image小部件用于在Flutter应用中显示图像。但是，通常你可能希望有： * 更多功能，例如缩放图像、调整图像大小、缓存图像、操作图像、添加效果等， * 支持其他图像格式，如SVG，除了常见的JPG、PNG、GIF、WEBP和其他图像格式之外。 以下是可帮助您添加上述功能的完整Flutter包列表。 * * *

flutter_svg

5063

一個用於 Flutter 的 SVG 渲染和小部件庫，允許繪製和顯示可伸縮矢量圖形 1.1 文件。

photo_view

2863

Photo View 提供一個感應手勢的可縮放小部件。 Photo View 主要用於顯示互動式圖像和其他東西，如 SVG。

photo_view

extended_image

1806

官方擴展圖片，支援佔位符（加載）/ 失敗狀態、緩存網絡、縮放/平移、照片查看、滑出頁面、編輯器（裁剪、旋轉、翻轉）、繪製等功能。

extended_image

image

1468

Dart Image Library 為服務器和 Web 應用程序提供了加載、操作和保存各種圖像文件格式的能力。

octo_image

670

一個多功能的 Flutter 圖像小工具。支援佔位符、錯誤小工具和具有淡入淡出效果的圖像轉換器。

octo_image

progressive_image

364

一個 Flutter 小部件，使用低質量圖像讀取逐漸加載較大的圖像。

progressive_image

blur

291

Blur 是一個包裝小工具，用於模糊其子元件。其中有 ImageBlur.asset 和 ImageBlur.network 可以模糊圖片。還有另一個包裝小工具 Frost 用於模糊背景。

blur

easy_image_viewer

256

一個具有捏取縮放、多圖片和內置全屏對話框支援的簡單圖片視圖器。

easy_image_viewer

zoom_pinch_overlay

196

一個類似 Instagram 的捏合縮放小部件，可以全局移動。

zoom_pinch_overlay

pinch_zoom

194

基於 Flutter 的新互動式查看器小工具，使圖片可以捏捏放大，並在鬆開後返回到初始尺寸和位置。

tcard

190

一個類似 Tinder 的卡片 Flutter 插件，可以左右滑動其子元件。可以用來顯示一些圖像、視訊等。

jovial_svg

189

SVG - 強大的可縮放矢量圖形圖像渲染，支持 SVG 的明確配置文件和高速加載的二進制存儲格式。

jovial_svg

imageview360

189

一個 Flutter 套件，提供具有旋轉和手勢自定義的圖像 360 度視圖。

imageview360

network_to_file_image

178

如果存在本地圖像文件，則打開它。如果不存在，則從網絡下載圖像，然後保存到本地文件以供下次使用。

flutter_svg_provider

173

從 svg 路徑生成圖片提供者，依賴於 flutter_svg 和 http（用於網絡路徑）。

panorama

170

全景圖 -- 360 度全景圖片瀏覽器。

before_after

147

一個使顯示兩個圖片之間的差異更加容易的 Flutter 套件。

before_after

image_network

142

Image Network 是一個在 Web 上使用 CanvasKit 渲染圖像的套件，可以解決 CORS 問題。

image_network

firebase_image

136

用於 Firebase Cloud Storage 圖片對象的緩存 Flutter ImageProvider。

extended_image_library

127

用於 extended_image、extended_text 和 extended_text_field 的庫套件，提供共用基類。

extended_image_library

full_screen_image

118

全屏照片查看器。在垂直滾動時關閉。可以與 Hero 小部件一起使用。

full_screen_image

websafe_svg

108

簡單的抽象層，可在 Android、iOS 和 Web 中使用 SVG。

flip_panel

108

用於具有內置動畫的翻轉面板的包裝套件。

juxtapose

95

一個小工具，通過拖動滑塊來比較兩個堆疊的控件，可以水平或垂直顯示兩側的控件。

juxtapose

flutter_image

92

Flutter 的圖片工具：改進的網絡提供者、效果等。

image_compare_slider

87

使用滑動器和可拖動線/手柄輕鬆比較兩個圖像，完全可自定義。

image_compare_slider

image_pixels

83

允許擴展圖像的背景色，或構建任何依賴於圖像寬度/高度或其像素顏色的小部件。

image_pixels

nine_grid_view

81

Flutter 的 NineGridView 和 DragSortView，類似微博或微信的九宮格視圖控件，用於顯示圖片。

image_fade

78

一個小部件，當圖像加載時顯示佔位符和可選進度指示器，然後淡入已加載的圖像。對 FadeInImage 進行了改進。與 CachedNetworkImageProvider 兼容。

image_fade

image_sequence_animator

77

一個用於以完全自定義控件來動畫顯示一組圖像的簡單小工具，作為使用 GIF 文件的替代方案。

swipe_image_gallery

74

一個可滾動、可通過滑動解除並可縮放的圖庫，可以添加動態疊加。

swipe_image_gallery

galleryimage

72

在 iOS 和 Android 上列出來自 URL 的圖片的 Flutter 插件，可以在多個圖片上顯示和縮放。

galleryimage

widget_mask

65

使用小工具來遮罩和混合另一個小工具，例如將文字壓印在表面上。

widget_mask

cloudimage_360_view

62

一個簡單的互動式資源，用於提供產品的虛擬遊覽。

cloudimage_360_view

flutter_gifimage

62

Flutter 的 GIF 圖像，用於解決 GIF 不能控制速度和進度的問題。

interactiveviewer_gallery

57

支援縮放和拖動的圖像和視訊預覽元件。

widget_zoom

56

放大縮小插件

shadowed_image

56

用於創建與圖像相同色彩方案的陰影的新 Flutter 套件。

ms_undraw

56

更新的 UnDraw 圖庫。這些插畫由Katerina Limpitsouni設計。

ms_undraw

image_collage_widget

56

一個 Flutter 套件，可讓您創建 11 種不同類型的現代拼貼畫。允許從照片庫選擇圖片和使用相機拍攝新照片。

image_watermark

51

一個在圖像上添加文本或圖像浮水印的 Flutter 套件，您可以自定義浮水印的位置和顏色。

peek_and_pop

51

Flutter 上基於 iOS 同名功能的 Peek & Pop 實現。

gif_view

45

加載 GIF 圖像，並可以設置幀率。

any_image_view

44

一個專門用於顯示各種圖像的 Flutter 模組，支援jpg、png、jpeg、SVG、Lottie和XFile，包括網絡圖片的緩存。

full_screen_image_null_safe

43

全屏照片瀏覽器。在垂直滾動時關閉。可與 Hero 小工具一起使用。

gallery_view

38

用於以與圖庫瀏覽相同的方式顯示所有存儲在 Android 和 iOS 上的圖片的 Flutter 插件。

stamp_image

37

Stamp_image 是一個使用任何控件創建浮水印的庫

power_image

37

一個強大的插件，完全使用本地圖像庫在 Flutter 端顯示圖像。

flutter_avif

33

查看和編碼avif圖像的插件

snaplist

33

允許創建帶有對齊到項目的列表的一個小型庫。

lightbox

31

用於創建像 Web 應用程序中的燈箱一樣的 Flutter 插件。用於以多種類型的圖像（URL、資源、文件、字節）的幻燈片覆蓋層顯示圖像。

lightbox

newsfeed_multiple_imageview

31

Facebook 類型多圖片查看

newsfeed_multiple_imageview

before_after_image_slider_nullsafty

29

一個 Flutter 套件，讓以前後滑動器並列顯示兩張圖片之間的差異更容易。

before_after_image_slider_nullsafty

flutter_img

28

只是另一個能夠處理資產和網絡 PNG、JPG 和 SVG 的 Flutter 圖片小部件。

ios_platform_images

28

在 Flutter 和 iOS 之間共享圖片的插件。用於添加到應用程序設置中。

pinch_zoom_image_updated

27

一個小工具，使圖片可以捏捏放大，然後在鬆開後返回到初始尺寸和位置。

undraw

27

一個用於開源插畫的新 Flutter 套件。這些插畫由Katerina Limpitsouni設計。

gallery_image_viewer

25

易於使用的圖片查看器

gallery_image_viewer

kenburns

25

Flutter 上的 Kenburns 效果。Ken Burns 效果是在視訊製作中使用靜態圖像的一種平移和縮放效果。

cached_network_image_builder

21

一個小工具，用於緩存你的網絡圖片，並通過基本的 HTTP 請求檢查它是否已經存儲，因此不需要再次下載。

image_gallery

19

顯示存儲在 Android 和 iOS 上的所有圖片的 Flutter 插件。

meet_network_image

17

用於從 URL 顯示圖像的 Flutter 套件，具有 LoadingBuilder 和 ErrorBuilder。

image_ink_well

16

圖像 InkWell Flutter 插件。提供矩形、圓角矩形和圓形類型的 InkWell。

image_blur

13

這個 Flutter 套件可添加閃爍和模糊效果到圖像中。應用這些效果在圓形和矩形形狀上，適用於本地和在線圖像。

image_blur

blurred

10

最簡單的方法來模糊你的 Flutter 小工具和圖片。

flutter_network_image

9

網絡圖片加載插件

fwfh_cached_network_image

6

WidgetFactory 的擴展，使用 cached_network_image 插件渲染 IMG。

photox

6

一個用於顯示互動式圖像的全能解決方案。

photox

media_collection_previewer

6

一個多功能且用戶友好的 Flutter 套件，用於高效地預覽和顯示媒體集合，例如圖片、音頻和視頻，並具有交互功能。

media_collection_previewer

zoom_hover_pinch_image

5

一個圖像縮放套件，易於集成，支持捏拉縮放交互，可自定義邊界半徑。

zoom_hover_pinch_image

fwfh_svg

3

WidgetFactory 的擴展，使用 flutter_svg 插件渲染 SVG。