I am new in flutter i am using flutter_webview_plugin for open my web in flutter application with drawer navigation menu.
But the issue is my drawer menu is behind the flutter_webview
Maybe the flutter_webview load after drawer menu
Check this image this is for issue
If you are opening the link from the Drawer (by clicking on a drawer item), then am guessing you are not closing the Drawer, that is why it is showing on the background,
If so, assign a key to the Scaffold then call key.openEndDrawer() to close the drawer programmatically, before you open the WebView
Related
i'm new in flutter i have a project that used Custom drawer menu as shown below
enter image description here
there's 2 files that should be edited i think
main_screen.dart this file contains menu items
main_screen.dart Code
Menu_screen.dart CODE
i've Replaced all instances of CustomDrawer with Drawer in your code. Remove the CustomDrawerController class and its usage. but still i got errors can you guide me how can i change to default drawer menu easily?
i've replaced CustomDrawer to Drawer but it seems won't work
In order to create UI like this you have to create a stack widget and in the stack place your drawer widget and on the top of the drawer widget place your main screen widget and in the main screen create a button on the onpressed of that button the main screen will be made small and shifted to the side drawer will be visible
the full code is here
https://github.com/singh-saheb/pet_ui_flutter.git
and the video explanation is here
https://www.youtube.com/watch?v=Cg9vLhfvWBE
I'm building a flutter app with persistent bottom navigation bar that contains a menu button.
The menu is supposed to open a drawer from any screen and trough the back button it should close it.
For that I'm using a scaffold including the bottom navigation widget and also the drawer.
This works fine for all screens that are directly accessible trough the bottom navigation bar.
The problem arises if I navigate (I'm using auto_route for routing) to another sub page.
In the sub page it seems that it is not possible to close the drawer.
In the sub page I dont provide a Scaffold since I would have nested scaffolds.
I'm using the WillPopScope and onPop looks like this:
if (Scaffold.of(context).isEndDrawerOpen) {
Navigator.of(context).pop();
Unfortunately this just pops the sub page while the drawer stays open.
One solution would be to pass a closing function to every child screen (or something like a global key for the global scaffold) but I would appreciate a more elegant solution
Do you have any idea how I can fix that?
Thanks in advance!
I am using flutter to write a page, but now I am facing a problem the android button back/home/menu bar was overlay my UI button. Looks like this:
I could not click my UI button because the android emulator system menu was overlaying on my UI, what should I do to close the android button bar or make it auto-hide?
to hide navigation bar use SystemChrome.setEnabledSystemUIOverlays([]) witch hides both the status bar and the navigation bar.
to show it use SystemChrome.setEnabledSystemUIOverlays(SystemUiOverlay.values);
or you can wrap the Widget with SafeArea
I have a drawer in my
app. When I long tap it, "Open navigator menu" pops up. How can I change this? I already tried changing somethings in drawer.dart etc. but it didn't work.
it depends which action you use.
if you want different tap behaviour you can user GestureDetector
with Default drawer class, use Scaffold.of(context).openDrawer(); to open drawer with text in GestureDetector.
I'm trying to hide the status bar as soon as the drawer opens just like the google maps app on iOS.
Also, can I change the height of drawer header? Right now it's taking a third of the drawer itself.
Cheers