This package supports an animated icon with some customization.

Overview

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.

Flutter Web

See a preview here: https://animated-icons-3e8c6.web.app

Animated Icon

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.

Library used

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 [email protected] And do let us know if you have any questions or suggestion regarding our work.

You might also like...

The Line Awesome Icon pack available as Flutter Icons

line_awesome_icons The Line Awesome Icon pack available as Flutter Icons Getting Started This plugin is based on Line Awesome Icons pack, which you ca

Oct 10, 2022

Mel-bio - Build a Web App with Flutter with a rotating profile icon animation

Mel-bio - Build a Web App with Flutter with a rotating profile icon animation

Build a Web App with Flutter with a rotating profile icon animation. A simple we

Jul 5, 2022

A Flutter widget to show an icon collection to pick. This widget extend TextField and has a similar behavior as TextFormField

A Flutter widget to show an icon collection to pick. This widget extend TextField and has a similar behavior as TextFormField

icon_picker A Flutter widget to show an icon collection to pick. This widget extend TextField and has a similar behavior as TextFormField Usage In the

Sep 27, 2022

Show a draggable floating chat icon button and show messages on screens

Show a draggable floating chat icon button and show messages on screens

Show a draggable floating chat icon button and show messages on screens Features A widget for displaying a chat icon (or custom widget) on top of a ba

May 5, 2022

The Font Awesome Icon pack available as Flutter Icons

font_awesome_flutter The Font Awesome Icon pack available as set of Flutter Icons. Based on Font Awesome 5.15.4. Includes all free icons: Regular Soli

Dec 28, 2022

Icons Launcher - A command-line tool that simplifies the task of updating your Flutter app's launcher icon.

Icons Launcher - A command-line tool that simplifies the task of updating your Flutter app's launcher icon.

Icons Launcher - A command-line tool that simplifies the task of updating your Flutter app's launcher icon. Full flexibility allows you to only update the launcher icon for specific platforms as needed.

Nov 17, 2022

The COCO icon pack with - +600 Editable icons available for your flutter project.

The COCO icon pack with - +600 Editable icons available for your flutter project.

cocoicons The COCO icon pack with - +600 Editable icons available for your flutter project. Made from COCO icon pack. 🎖 Installation In the dependenc

Sep 23, 2022

A Flutter package for Offers, Promo and Invites banners. Supports Android and Web.

A Flutter package for Offers, Promo and Invites banners. Supports Android and Web.

flat_banners A Flutter package for Offers, Promo and Invites banners. Android support Android and Web. Usage To use this plugin, add flat_banners as a

Apr 13, 2022
Comments
  • All Tickers must be disposed before calling super.dispose()

    All Tickers must be disposed before calling super.dispose()

    Hi,

    Thanks for cool library...

    My Codes... `class _SaveButtonIcon extends StatelessWidget { const _SaveButtonIcon({Key? key}) : super(key: key);

    @override Widget build(BuildContext context) => AnimateIcon( onTap: () => context.read().save(context), iconType: context.watch().iconType, animateIcon: context.watch().icon, color: Theme.of(context).cardColor); }`

    and this is error:

    ════════ Exception caught by widgets library ═══════════════════════════════════ The following assertion was thrown while finalizing the widget tree: _AnimateIconState#7a4a2(tickers: tracking 1 ticker) was disposed with an active Ticker.

    _AnimateIconState created a Ticker via its TickerProviderStateMixin, but at the time dispose() was called on the mixin, that Ticker was still active. All Tickers must be disposed before calling super.dispose().

    Tickers used by AnimationControllers should be disposed by calling dispose() on the AnimationController itself. Otherwise, the ticker will leak.

    opened by slhezn 1
Owner
MindInventory
MindInventory works with Enterprises, Startups, and Agencies since 2011 providing web, mobile app development, enterprise mobility solutions & DevOps services.
MindInventory
🔥🚀 Flutter package to create Pin code input text field with every pixel customization possibility 🎨 with beautiful animations

Flutter PinPut From Tornike ?? ?? Flutter package to create Pin code input (OTP) text field with every pixel customization possibility ?? and beautifu

Tornike 451 Jan 2, 2023
MindInventory 15 Sep 5, 2022
Animated dialog box - A pure dart package for showing animated alert box.

animated_dialog_box A pure dart package for showing animated alert box. Getting Started https://github.com/Shubham-Narkhede/animated_dialog_box/blob/m

Shubham-Narkhede 10 Jul 24, 2022
Following Along with a tutorial and adding differing customization to learn Dart and Flutter

flutter_ss_portfolio A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you sta

Midnight 0 Nov 28, 2021
A UI library for easily adding audio waveforms to your apps, with several customization options

A UI library for easily adding audio waveforms to your apps, with several custom

RutvikTak 64 Dec 11, 2022
A counter widget for flutter that support different kinds of customization.

Customizable Counter A counter widget that support different kinds of customization. Installation From pubspec.yaml Add the following line to pubspec.

Md. Imam Hossain 2 Sep 6, 2022
A Flutter step_tracker plugin is collect information from user and display progress through a sequence of steps. this plugin also have privilege for fully customization from user side. like flipkart, amazon, myntra, meesho.

step_tracker plugin A Flutter step_tracker plugin is collect information from user and display progress through a sequence of steps. this plugin also

Roshan nahak 5 Oct 21, 2022
Flutter-Animated-Library-of-Books - Flutter App - Animated Book Library

bookshelf A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if thi

Ulfhrafn 1 Dec 4, 2022
Animated shimmer - A simple & lightweight widget to display an animated shimmer effect

Animated Shimmer Supports Null Safety A simple & lightweight widget to display a

Shubham Soni 7 Apr 27, 2022
The Material Design Icons Icon pack available as set of Flutter Icons.

material_design_icons_flutter The Material Design Icons Icon pack available as set of Flutter Icons. Based on Material Design Icons 6.5.95. See a web

ziofat 147 Oct 26, 2022