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

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設計師尋求創意疊加
  • 開發推廣應用的開發者
  • 需要引人注目的視覺提示的應用程式
  • 具有品牌導向介面的專案
  • 希望擁有輕量級、可重用組件的團隊

使用建議

  • 可能需要為複雜介面調整版面
  • 僅限橫幅風格的視覺效果
  • 大量橫幅對效能的影響
  • 不適用於互動式內容
  • 最好少量使用,以維持視覺清晰度

原始 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,
);

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。