搜尋套件、儲存庫與 APP 分類

套件詳情v1.0.5

shadow_overlay

用於美化您的圖像或小部件的套件。它會疊加您提供的背景顏色,使圖像或小部件看起來像透明(以漸變風格)。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
473
喜歡數
45
Pub 分數
150

安裝套件

flutter pub add shadow_overlay

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

shadow_overlay 套件透過應用漸變樣式覆蓋層來增強影像或組件,創造出類似透明的效果。使用者可自訂用於覆蓋層的背景顏色、影像或組件,讓元件呈現出精緻且現代的外觀。非常適合用於 UI 設計改善,支援多個平台,包括 Android、iOS、Web、macOS、Windows 和 Linux。此套件輕量且容易與 Flutter 的組件系統整合。

適用情境

  • 增強圖像卡片
  • 建立時尚的UI覆蓋層
  • 改善版面中的視覺層次
  • 為扁平設計增添深度
  • 設計移動應用背景

主要特色

  • 漸層樣式透明效果
  • 可自訂的覆蓋內容
  • 支援影像與組件
  • 跨平台相容性
  • 與 Flutter 的簡單整合
  • 流暢的視覺過渡

適合對象

  • UI/UX 設計師
  • Flutter 開發者
  • 行動應用程式開發者
  • Web 應用程式開發者
  • 創意數位專案

使用建議

  • 複雜疊加層的效能影響
  • 超出漸變樣式之外的自訂功能有限
  • 可能需要在不同螢幕尺寸上進行測試
  • 不適合高效率動畫
  • 最佳搭配微妙的色彩對比使用

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

A Flutter Package to show a Gradient Shadow on your Images or Widgets.

Features

The package is straight Forward. It puts shadow (Default White) on your Image or Widget. Which makes it beautiful and fuses your image or widget with background.

1 <--------> 2

Getting started

There is no any requirement. Package is entirely written in dart. It can run on any platform.

Usage

ShadowOverlay(
    child: Image.asset(
        'path to your image',
         height: 400,
         width:800,
         ),
    shadowWidth: 800,
    shadowHeight: 150,
);

Additional information

Documentaion is also provided within the code you can search more options just hovering over your mouse at properties of ShadowOverlay object.

Tags

Gradient Transparency , Transparent Gradient , Transparent Image , Image Transparency , Transparent Widget , Transparent overlay , Transparency overlay Transparent Shadow, Gradient Shadow , Gradual Transparency , Color overlay over image, transparency effect over image

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。