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

super_banners のカバー
パッケージ詳細v0.0.1

super_banners

super_banners を使って、コンテンツの上に傾いたバナーを表示しましょう!

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
3990
いいね数
70
Pub ポイント
145

パッケージをインストール

flutter pub add super_banners

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

Super Banners は、開発者がコンテンツの上に傾いたバナーを簡単に表示できるようにするFlutterパッケージです。これらのバナーは形状、色、位置をカスタマイズでき、プロモーションや通知、特別機能の強調に最適です。Android、iOS、Web、macOS、Windows、Linuxなど複数のプラットフォームをサポートしており、デバイス間で一貫したデザインを実現します。pub addによる簡単な統合により、複雑なセットアップなしにUIの美しさが向上します。動的なビジュアル要素が必要なアプリに最適です。

用途

  • プロモーションコンテンツの強調
  • アプリの更新情報やお知らせを表示する
  • 装飾的なコーナーアクセントを追加する
  • 注目を引く通知の作成
  • スタイリッシュなバナーでユーザーインターフェースを向上させる

主な機能

  • 角度付きバナー設計
  • カスタマイズ可能な色と形状
  • クロスプラットフォーム互換性
  • pub add との簡単な統合
  • 複数のデバイスプラットフォームのサポート

適している対象

  • 創造的なオーバーレイを探しているUIデザイナー
  • プロモーションアプリを開発する開発者
  • 目を引く視覚的な手がかりを必要とするアプリ
  • ブランディングを重視したインターフェースを持つプロジェクト
  • 軽量で再利用可能なコンポーネントを求めるチーム

注意事項

  • 複雑なUIにはレイアウトの調整が必要になる場合があります
  • バナー風のビジュアルのみに制限
  • 多数のバナーによるパフォーマンスへの影響
  • インタラクティブなコンテンツには適していません
  • 視覚的明瞭性を保つために控えめに使用することをお勧めします

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

Super Banners - Display angled banners in a corner of your choice

Built by the Flutter Bounty Hunters


Banners are useful for product-wide messages, such as announcing that your product is in the "alpha" or "beta" stage. Display a banner in any corner with a CornerBanner widget.

CornerBanner orients itself based on the desired corner position, and the banner shrinks or expands to fit the content that you provide.

CornerBanner example

CornerBanner(
  bannerPosition: CornerBannerPosition.topLeft,
  bannerColor: Colors.blue,
  child: Text("Hello, World!"),
);

Built with Flutter

You can also announce to the world that your product was built with Flutter by using the BuiltWithFlutterCornerBanner widget.

Built with Flutter

BuiltWithFlutterCornerBanner(
  bannerPosition: CornerBannerPosition.topLeft,
  bannerColor: const Color(0xFF222222),
  shadowColor: Colors.black.withOpacity(0.8),
  elevation: 5,
);

カテゴリー

ソースリポジトリ

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

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