Flutter Vertical Drawer - dart

I'm new to flutter, and after doing some searching, can't find a widget similar to the Drawer for the top of the page coming down, instead of the left or right side of the page coming out. Is there such a widget or a way to create one?

Not an easy task, but Flutter is open source. You can create your own version of Scaffold and Drawer with a vertical orientation. Just copy and modify the source code.

As of this date the Drawer widget doesn't support this, and there is no 'Vertical Drawer' widget in the Flutter widget catalog.
Thankfully, Akshath Jain created a nice SlidingUpPanel widget which does the trick nicely. For my use case I just needed it to slide from the bottom. I haven't tested it myself, but there is a slideDirection property which you can set to SlideDirection.DOWN and it should do what you're asking for.

Related

Is it possible to create a collapsible sidebar with Kivy and/or KivyMD?

I'm working on a project for the GUI of an app written in Python that requires a collapsible sidebar like this one:
https://www.youtube.com/watch?v=-vQIcBKdhyk&t=9s
I already created a good portion of the GUI in Kivy and KivyMD. Applied also the Navigation Drawer that works as expected. However, it is fully retracted when not active, so not exactly what was asked.
Anyone managed to create something like this?
Thank you all in advance
Using Navigation Drawer component in KivyMD, it was possible to create something almost as required. Yet, there is no partial view (with little icons that would expand when the drawer were toggled).

Need Help in grouping widgets together for ios

I have created some widgets for ios. We have some small widgets and some medium sized widgets.
What we need to achieve is that, when we add small widget, only small widgets appear in the list when you edit widget. And when you edit a medium widget, only medium widgets show in the list.
As of now all widget from the shows in the list while editing widget.
Not sure how to achieve this, looking for help.

Bad: flutter Math Confusion

I create a widget that contains a Drawer but I can't use it, I get this error.
i get this error in use the drawer widget
The code of drawer widget
Actually the error you provide us has noting to do with drawer widget, this error is produced from Image Widget, so I do recommend checking your Image.network() widget, I think the path you provide is not acceptable, maybe you should use Image.asset()

Trying to create a Flutter App Bar sub menu widget

I have an app I am builidng in flutter and I want to achieve a similar design that exists in Quora. It it appears to be a sub menu underneath the AppBar and it scrolls horizontally. Is there anything the exists widget wise in flutter that I can use?
I am attaching a screen shot, its the white menu that starts with "For You"

Mozilla "Jetpack" Add-On: Anchor Panel to Widget

I'm making a Jetpack extension in which a widget opens a panel. Clicking the widget opens the panel as expected (anchored in the lower-right corner to the widget). But if I call widget.panel.show() from my code, the panel opens detached from the widget, centered in the screen, floating in space.
In short, how can I fix this?
Can I simulate a click event on the widget (somehow) instead of calling widget.panel.show()?
Can I force the panel to anchor to the widget?
This question has a solution that worked in the previous Jetpack API, but I can't translate to the new interface:
Using positioning 'Panel' in new Jetpack API
panel.show(require("tab-browser").activeTab.ownerDocument.getElementById('widget:yourAddonId#package.json-yourWidgetId'));
Works for me with Addon SDK 1.8.1
Where:
yourAddonId#package.json - your addon id from package.json
yourWidgetId - your widget id
panel.show(widget)
isn't working?

Resources