Posted By
Bajarangi soft ,
Posted On 23-09-2020
As a starting point, we will create a simple app with a Stack. Stack is a container Widget, that places widgets on top of each other. All of our widgets will be placed in it.Building a flashy Circular Menu Button Top Center in Flutter can be done with ease thanks to the Transform widget and staggered animations.
You can add this Circular Menu Button Top Center code :
CircularMenu( alignment: Alignment.topCenter, toggleButtonColor: Colors.black, items: [ CircularMenuItem( icon: Icons.photo, color: Colors.pink, onTap: () { setState(() { _color = Colors.pink; _colorName = 'MIC'; }); }), CircularMenuItem( icon: Icons.music_note, color: Colors.cyan, onTap: () { setState(() { _color = Colors.cyan; _colorName = 'MUSIC'; }); }), CircularMenuItem( icon: Icons.share, color: Colors.lightGreen, onTap: () { setState(() { _color = Colors.lightGreen; _colorName = 'SHARE'; }); }), ], ),