Radial Menu Flutter

504 Views Asked by At

How to create side radial menu in flutter like a picture any help would be appreciated.enter image description here

enter image description here

i also tried this package but i got the following result not much accurate.

enter image description here

enter image description here

1

There are 1 best solutions below

8
On

Try to use circular_menu or fab_circular_menu,use animated_radial_menu refer this artical also

hope its helpful to you

Using Circuler Menu Package:

 Container(
        height: 250,
        width: 150,
        child: CircularMenu(
          alignment: Alignment.centerRight,
          items: [
            CircularMenuItem(
              icon: Icons.home,
              onTap: () {},
            ),
            CircularMenuItem(
              icon: Icons.search,
              onTap: () {},
            ),
            CircularMenuItem(
              icon: Icons.settings,
              onTap: () {},
            ),
            CircularMenuItem(
              icon: Icons.star,
              onTap: () {},
            ),
          ],
        ),
      ),

Your Menu Icon Result-> image

Your Circueer menu Result-> image