搜索插件、代码仓与 APP 分类

bouncing_widget 封面
插件详情v2.0.0

bouncing_widget

一个可让您在小部件上添加弹跳动画的控件。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
858
喜欢数
216
Pub 分数
150

安装插件

flutter pub add bouncing_widget

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

bouncing_widget 包提供了一种简单的方法,可为任何 Flutter 小部件添加弹跳动画效果。它通过在小部件被点击或交互时创建动态的弹簧式弹跳效果,增强了用户交互体验。适用于按钮、图标或任何需要视觉反馈的元素,支持 Android、iOS、Web、macOS、Windows 和 Linux 等主要平台。该包轻量且易于集成,只需少量代码即可使用。非常适合希望借助细微动画提升 UI 互动性的开发者。

适合场景

  • 向按钮添加交互式反馈
  • 点击时的动画图标
  • 提升表单中的用户体验
  • 创建有趣的用户界面元素
  • 提高应用程序的响应速度

主要特点

  • 类似弹簧的弹跳效果
  • 与现有控件的轻松集成
  • 跨平台支持
  • 可自定义的动画持续时间
  • 支持触摸和手势交互
  • 轻量且高效

适合对象

  • 寻求动态反馈的UI设计师
  • 开发交互式应用的开发者
  • 面向移动和网络用户的应用程序
  • 需要细微动画的项目
  • 原型设计引人入胜的界面

使用建议

  • 可能不适合极简设计风格
  • 复杂布局上的性能影响
  • 超出基本弹跳之外的自定义选项有限
  • 不适合以可访问性为重点的应用程序
  • 需要仔细调整以实现流畅的用户体验

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

bouncing_widget

A widget that enables you to add a bouncing animation on a widget.

Example

How does it work ?

You just have to encapsulate the widget of your choice with a BouncingWidget.

You may also use a scaleFactor to customize the scaling effect as in the gif example. Or even customize the animation's duration with the duration parameter (200 milliseconds by default).

BouncingWidget(
  duration: Duration(milliseconds: 100),
  scaleFactor: 1.5,
  onPressed: () {
    print("onPressed");
  },
  child: Text(
    "Hello !",
    style: TextStyle(
      color: Colors.white,
      fontWeight: FontWeight.bold,
      fontSize: 35,
    ),
  ),
),

所属分类

源码仓库

使用此插件的项目

暂无相关数据。