Comments (1)
Hi @areeba-arshad
Thanks for creating this issue ,
Please wrap the Scaffold
with CircularMenu
and set the alignment to Alignment.topLeft
or Alignment.topRight
or Alignment.topCenter
as you want , so the circular menu floats above the app bar and it seems like placed in it , like this :
CircularMenu(
backgroundWidget: Scaffold(
appBar: AppBar(),
body: Center(
child: Text(
"Circular Menu in the app bar",
style: TextStyle(fontSize: 25),
),
),
),
toggleButtonColor: Colors.pink,
alignment: Alignment.topLeft,
items: [
CircularMenuItem(
onTap: () {
print("amber");
},
icon: Icons.search,
color: Colors.amber,
),
CircularMenuItem(
onTap: () {
print("green");
},
icon: Icons.settings,
color: Colors.green,
),
CircularMenuItem(
onTap: () {
print("orange");
},
icon: Icons.home,
color: Colors.deepOrange,
),
],
)
from circular_menu.
Related Issues (20)
- Badge to CircularMenuItem HOT 1
- CircularMenuItem not trigger onTab HOT 1
- startingAngleInRadian and endingAngleInRadian can not be null HOT 8
- Dart null support HOT 1
- CircularMenuItem need to open by default instead of waiting for user to click HOT 2
- Need an option to add my own custom widget with my own icon image HOT 2
- How to know is menu opened or no? HOT 2
- User image instead of menu icon. HOT 2
- [question] How to disable an item HOT 2
- ontab fungerar inte HOT 2
- Widget instead of animated icon data HOT 2
- Upgrade for Flutter 3.0 HOT 1
- How To Implement in Bottom Navigation Bar HOT 2
- New Requirement: When Click a CircularMenuItem then reduce Circular to its original state HOT 3
- how to change the three stripes icon? HOT 2
- Feature Request: Add a submenu HOT 2
- Icon HOT 3
- Image as icon, close menu ontap HOT 8
- How to add tooltip for items? HOT 3
- Grey overlay over the whole Screen on iOS in Production mode (not in Debug mode)! HOT 11
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from circular_menu.