flutter_icon_effects 1.0.2

flutter_icon_effects is is a lightweight and customizable Flutter package that adds dynamic visual effects to icons, enhancing UI interactivity and user experience. Whether you're building a playful a [...]

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:flutter_icon_effects/flutter_icon_effects.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple)),
      home: const MyHomePage(title: 'Flutter Icon Effects Example'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});
  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(backgroundColor: Theme.of(context).colorScheme.inversePrimary, title: Text(widget.title)),
      body: Center(
        child: FlutterIconButtonEffects(
          onTap: () {},
          onDoubleTap: () {},
          numberOfAnimatedOpacity: 2, //Number of animated oppacity over icon button 1,2,3 etc
          basedSize: 100, //Sized of icon button
          duration: 1000,
          isAnimatedIcon: true, //Control icon animated or not
          paddingSize: 20, //Padding Radius
          icon: Icons.call, //Icon Data
          iconColor: Colors.white, //Icon Color
          color: Colors.lightGreen, //Animated color
          iconSize: 30,
        ),
      ),
    );
  }
}