asking for advice on what I need to search for?
I need something like side navigation but when I open the container it can not overlay the header and button navigations. Chek picture example. Thanks.
So far I understand that Drawer will not help..
Related
Can anyone suggest to me how can I build a pull-down appbar. I searched the whole net but can't find any idea regarding this. It would be great if anyone could guide or suggest to me to build the appbar.
Edit:-
Many developers are saying to use SliverAppBar. SliverAppBar basically collapses the app bar when we scroll up the listview or any other widget, whereas I want an app bar that pulls down i.e when we tap the app bar and scroll it down only the app bar grows on top of the body. So basically when we navigate to the home screen the app bar should look like the second referred image i.e it must be closed. But we can pull down that appbar to view the hidden contents of the appbar. I am attaching an image for reference.
I Think what you mean what pull down App is an Appbar that expands try.
the silver Appbar
https://youtu.be/mSc7qFzxHDw
enter image description hereI making this this application in which I have to make a bottom navigation bar like this which is curved inside of the container so is there any perticular solution for this it will be appreciated. Thanks
I making this this application in which I have to make a bottom navigation bar like this which is curved inside of the container so is there any perticular solution for this it will be appreciated. Thanks
There are some great packages for something like this on pub.dev.
I would recommend you to always look for a package first in Flutter because there are a lot of them :)
curved_bottom_navigation
I am familiar with how to do this in Swift, but is there a way to achieve the same result in Flutter? The screen should "popup" from the bottom and could be dismissed by swiping down.
There are a bunch of 3rd-party widgets to do it. They don't look exactly the same as the one described but they are highly customizable. Here are some from https://pub.dev/
awesome_select
backdrop_modal_route
bottom_sheet_expandable_bar
bottom_sheet
cupertino_modal_sheet
enter link description here
just_bottom_sheet
sheet
Is it possible if I want to move my screen to the bottom when pressing a button.
Please find this link to get yourself up and running.
It is always a good idea to try something yourself and upload the code here so we can help better :)
Scroll to Position Flutter
Hope this helps.
I'm asking how to disable Overlays to move when a Scaffold.of(context).showSnackBar is called like on my video below.
The same thing is happening when the keyboard appear. Sometime the blue floattingButton (+) don't come back to it's original position :-(
Thx in advance.
Problem animation
The FloatingActionButton going up when the Scaffold is displayed is something common to all default implementations.
Give a look to the "Bootom app bar" demo in the Gallery app. Press on the search button and you will see it coming up. Or just add a Scaffold to the app that is built with flutter create command.
This happens because of the way the FAB button is placed on the screen and the effect of displaying the Snackbar by the Scaffold.
The FAB button is displayed at the bottom of the content area of the Scaffold content. When the content area is shrinked to include the BottomAppBar, the FAB goes up with it. It has nothing to do with Overlay.
You have two options:
Either you create your own versión of the FAB which is not
controlled by the Scaffold.
Or you hack the Scaffold so the size of the SnackBar is not taken
into account.
For this second option you can try the following:
Go to the file /lib/src/material/scaffold.dart in your flutter installation and look for the line with the code snackBarSize: snackBarSize, inside the _ScaffoldLayout class.
Replace it with snackBarSize: Size(0.0, 0.0),
You will see that the FAB stays in its place.