搜索插件、代码仓与 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,
);

所属分类

源码仓库

使用此插件的项目

暂无相关数据。