animated_menu_button 1.0.1

Flutter animated menu button that can help you to further your journey to make stunning UI

Animated Menu Button

Introduction

This is provide the animated button that can help ui further your UI jouney

Demo

https://drive.google.com/file/d/1YVmRYFRv36nfILjMHtaE8mJyDDRiiDzv/view?usp=sharing

Example

# File: example.dart

import 'package:flutter/material.dart';
import 'package:rotate_pills_animation/components/animated_,menu_button.dart';

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          const Expanded(
            child: Center(
              child: Text("Hello world"),
            ),
          ),
          SizedBox(
            height: 100,
            child: Row(
              children: [
                const SizedBox(
                  width: 60,
                  child: Icon(Icons.ac_unit),
                ),
                const SizedBox(
                  width: 60,
                  child: Icon(Icons.ac_unit),
                ),
                Expanded(
                    child: Center(
                  child: AnimatedMenuButton(
                    radius: 50,
                    homeWidget: item(
                      color: Colors.black,
                      child: const Icon(
                        Icons.add,
                        color: Colors.white,
                      ),
                    ),
                    actionWidgets: [
                      InkWell(
                        onTap: () {
                          print("add");
                        },
                        child: item(
                          color: Colors.green,
                          child: const Icon(Icons.face),
                        ),
                      ),
                      InkWell(
                        onTap: () {
                          print("image");
                        },
                        child: item(
                          color: Colors.blue,
                          child: const Icon(Icons.image),
                        ),
                      ),
                      InkWell(
                        onTap: () {
                          print("cached_rounded");
                        },
                        child: item(
                          color: Colors.red,
                          child: const Icon(Icons.cached_rounded),
                        ),
                      )
                    ],
                    animatedDuration: const Duration(milliseconds: 1000),
                  ),
                )),
                const SizedBox(
                  width: 60,
                  child: Icon(Icons.ac_unit),
                ),
                const SizedBox(
                  width: 60,
                  child: Icon(Icons.ac_unit),
                ),
              ],
            ),
          )
        ],
      ),
    );
  }

  Widget item({required Widget child, required Color color}) {
    return Container(
      padding: const EdgeInsets.all(5),
      decoration: BoxDecoration(
        shape: BoxShape.circle,
        color: color,
      ),
      child: child,
    );
  }
}