パッケージ、リポジトリ、アプリカテゴリを検索

パッケージ詳細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

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。