搜尋套件、儲存庫與 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 專案中。

適用情境

  • 互動式按鈕圖示
  • 切換狀態指示器
  • 動畫導航元素
  • 懸停觸發的動畫
  • 可自定義圖示過渡

主要特色

  • 雙狀態動畫支援
  • 顏色自訂
  • 懸停效果處理
  • 動畫事件回呼
  • 跨平台相容性

適合對象

  • 尋求動態圖示的UI設計師
  • 開發互動式介面的開發者
  • 需要在使用者操作時提供視覺反饋的應用程式
  • 針對多個平台的專案
  • 簡單卻引人入勝的動畫

使用建議

  • 限於兩狀態動畫
  • 複雜動畫需要仔細的效能調校
  • 可能需要額外的樣式以符合可存取性需求
  • 依賴外部來源程式碼以取得更新
  • 不適合高度複雜的動畫序列

原始 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 項

原始碼儲存庫

使用此套件的專案

暫無相關資料。