What I want to achieve is like when you use the alert dialog widget :
When the dialog box shows everything in the background is darkened and disabled. I want to do that but I don't want to use a dialogbox , I have a Container that slides from the bottom of the screen, it's inside a Stack widget.
How can I achieve this?
Wrap your widget with Scaffold and set the backgroundColor to
// change the color as you like
backgroundColor: Colors.black.withOpacity(0.3),
Related
I want to dim (gray) the background when the bottom sheet opens, like a modal bottom sheet, but still be able to interact with the rest of the UI while the bottom sheet is open - like a regular bottom sheet.
Any ideas?
Even though, I won't recommend creating such an effect as it is not very understandable from the user perspective.
You can achieve this by using the IgnorePointer, Stack and setState((){})
1- Add a field bool showOverlay = false;
2- Align some Container to with Alignment.bottom to represent ur bottom sheet
3- Put some overlay Container with some background color and opacity and wrap it with IgnorePointer(ignoring: true, ...) which will let it not interfere with your widgets below.
I think you got it from here.
I want to add a buttombar to my application Contains only just one text with background color .
I need it to write the copyright in my application, but I find just that I have to add At least a two-item
In the list,
I don't need this
Just i want to add a single one text with a background color
In your case you do not need a bottombar widget.
you can create a container with specific height and background color and center a text widget in the container.
If you are looking to add bottomNavigationBar with one item only you can just write your own widget in the bottom navigation bar like a Container and set a background of your choice and give it a child widget wrapped in an INKWELL or GESTUREDETECTOR and if it overlaps with the Phone's GUI you can wrap the inkwell with SAFEAREA widget
I am curious if I should always use a SafeArea widget at the top level of my screen. I mean....when would I want my content blocked by things like a notch? For me it seems like the answer is never.
So should I not just use SafeArea on every page? If so, should it be above or below the Scaffold widget?
You don't have to use SafeArea on every screen. It actually depends if an AppBar is used or not, because the AppBar automatically calculates the values and adds the required padding.
If you use it above a Scaffold the area where the padding is applied would be black. On the other hand, if you use it below the Scaffold the color of the area would depend on the app theme, probably the Scaffold background color.
If you won't add an app bar or add it. if you want to adjust the screen to be responsive using MediaQuery and you don't need any scroll inside the screen use it.
Use it as the first widget in the body of the scaffold.
I do not know how it is called but I want to remove what you see on the picture (the darker grey part). I want that the grey square outline disappears when I click on something.
https://i.stack.imgur.com/1iJUP.jpg
https://i.stack.imgur.com/hj0ny.gif
In general..it is the splash color..
For ex: if we consider RaisedButton
you can do something like this..
RaisedButton(
spashColor: Colors.green, //your desired color
child: Text("hello"),
)
You can do the same for FlatButton also..
If you don't want any color..then you can set it to "Colors.transparent"
Given that you state the widget seen in the image is a BottomNavigationBar, you can set the background color via the backgroundColor attribute.
You can set this attribute to the desirer color or a transparency (which would reveal the underlying scaffold color instead)
However, if the widget in question turns out to be a shifting background navigation bar the background color of the inner item's will overwite that. In which case you would instead need to set the background color of the specific item.
Source : https://api.flutter.dev/flutter/material/BottomNavigationBar/backgroundColor.html
I added Row widget with rendering on stack widget. I actually want to add more container, but it shows when I click on IconButton. After clicking it does not shows on screen. So how is possible in Flutter ?
Any suggestion?
you could create a stack widget and when the IconButton is pressed you call a function to display the new container( which probably is inside the stack widget you are going to implement)