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

animated_icon 封面
插件详情v1.0.0

animated_icon

此包支持带有某些自定义选项(如颜色、动画、悬停、回调)的动画图标。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
1740
喜欢数
119
Pub 分数
140

安装插件

flutter pub add animated_icon

插件介绍

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

animated_icon 包为 Flutter 应用程序提供了一个可自定义的动画图标小部件。它允许开发者显示在两个状态之间进行动画切换的图标,支持自定义颜色、动画行为、悬停效果和回调操作。非常适合用于交互式 UI 元素,如切换按钮或动态导航指示器,支持所有主要平台,包括 Android、iOS、Web、macOS、Windows 和 Linux。该包轻量级,可通过简单的 pub add 命令无缝集成到现有的 Flutter 项目中。

适合场景

  • 交互式按钮图标
  • 切换状态指示器
  • 动画导航元素
  • 悬停触发的动画
  • 可自定义图标过渡

主要特点

  • 双状态动画支持
  • 颜色自定义
  • 悬停效果处理
  • 动画事件回调
  • 跨平台兼容性

适合对象

  • 寻求动态图标的设计人员
  • 开发交互式界面的开发者
  • 需要在用户操作时提供视觉反馈的应用程序
  • 面向多个平台的项目
  • 简单而引人入胜的动画

使用建议

  • 限于两状态动画
  • 复杂动画需要仔细的性能调优
  • 可能需要额外的样式以满足可访问性要求
  • 依赖外部源代码以获取更新
  • 不适合高度复杂的动画序列

原始 README

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

animated_icon

MIT License

This package supports an animated icon with some customization. It includes an icon type, animation as well as onTap() parameters through the user to get the values as per the requirements.

Preview

Example

    AnimateIcon(
            key: UniqueKey(),
            onTap: () {},
            iconType: IconType.continueAnimation,
            height: 70,
            width: 70,
            color: Color.fromRGBO(
                Random.secure().nextInt(255),
                Random.secure().nextInt(255),
                Random.secure().nextInt(255),
                1),
            animateIcon: AnimateIcons.bell,
        );
Required parameters
onTap():

This is a callback. Through user can call anythings.

animateIcons:

This is a parameter which will send by user from enum of AnimateIcons.

iconType:

This is a parameter which will send by user from enum of IconType.

Optional parameters

Color:

This is for user can set the color for animate icon.

height:

This is for user can set the height for animate icon.

width:

This is for user can set the width for animate icon.

onHover():

This is a callback. Through user can call anythings.

Guideline for contributors

Contribution towards our repository is always welcome, we request contributors to create a pull request to the develop branch only.

Guideline to report an issue/feature request

It would be great for us if the reporter can share the below things to understand the root cause of the issue.

  • Library version
  • Code snippet
  • Logs if applicable
  • Device specification like (Manufacturer, OS version, etc)
  • Screenshot/video with steps to reproduce the issue.
Dependencies

LICENSE!

Bubble Slider is MIT-licensed.

Let us know!

We’d be really happy if you send us links to your projects where you use our component. Just send an email to sales@mindinventory.com And do let us know if you have any questions or suggestion regarding our work.

所属分类

依赖

依赖清单 1 项

源码仓库

使用此插件的项目

暂无相关数据。