Questions tagged [flutter-showmodalbottomsheet]
130 questions
1
vote
1 answer
I can't add border radius when I create a modelbottomsheet
I've tried a lot of way to add border radius but they didn't work.
So this is the way I call bottom sheet
showModalBottomSheet(
isScrollControlled: true,
barrierColor: Color.fromARGB(92, 0, 0, 0),
…

Abdullah
- 65
- 1
- 9
1
vote
1 answer
showModalBottomSheet not working properly within nested go router navigation
I am using go_router package for Navigation 2.0, but while running showModalBottomSheetFunction, the view is not showing correctly. Here is the picture:
By the way, I am using nested navigation for bottom navigation bar.
I was expecting that…

Nijat Namazzade
- 652
- 5
- 15
1
vote
2 answers
Can't close model bottom sheet by click outside when isScrollControlled property true
I'm having a modal bottom sheet, in which contain some text field. I want the bottom sheet to close when click outside of the sheet but due to isScrollControlled property is true so i cant do that.
But if i change it to false my bottom sheet will be…

Đinh Việt Hoàng
- 75
- 5
1
vote
1 answer
DraggableScrollableSheet closes when swiping up
I have noticed if maxChildSize and minChildSize has the same value then swiping up on the contents of DraggableScrollableSheet closes the bottom sheet.
The expected behaviour is to scroll down the ListView provided in the builder argument of the…

Slick Slime
- 649
- 7
- 19
1
vote
3 answers
Adding Column widget in ModalBottomSheet showing Transparent View- Flutter
I have to show ModalBottomSheet with this widget : showModalBottomSheet
For that I set all the required properties of ModalBottomSheet and as a builder part I am doing it as below :
builder: (_) {
return Column(
children: [
…

Jaimin Modi
- 1,530
- 4
- 20
- 72
1
vote
1 answer
Flutter UI Modal Bottom Sheet with stack arrow at top of it
I'd like to implement the UI as shown in the attached photo. When a I press on "Show More" , it should show a modal bottom sheet like this.
I tried to do it using bottomSheet using a package called : solid_bottom_sheet as follows but it doesn't work…

afifi
- 75
- 1
- 10
1
vote
1 answer
Flutter SolidBottomSheet remove white edges
Using this package I can't seem to remove white space. The problem is that this package doesn't use show Modal Bottom Sheet.
bottomNavigationBar: SolidBottomSheet(
controller: _controller,
draggableBody: false,
headerBar:…
user19717894
1
vote
1 answer
Problem with keyboard height on different devices // How to use viewInsets correctly
I'm having some friends test an app of mine and on one of their devices, when the keyboard is open, it hides part of the UI (a checkbox). This screenshot shows the issue (my code below):
Below my relevant code from the modal bottom sheet. I'm not…

Joe
- 311
- 3
- 17
1
vote
2 answers
How to make reusable modal bottom sheet
usually I use showModalBottomSheet for each view to call a ModalBottomSheet with the same content on it. I just want to make it simple as I can call the class of reusable modal bottomsheet.
_moreModalBottomSheet(context) {
Size size =…

Soveyyy
- 274
- 4
- 17
1
vote
1 answer
showModalBottomSheet how can i navigate with data
When the item in the listview is clicked, I want to move the information to the bottom sheet, but I couldn't find the way.
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => customBottomSheet(context),
),i tried but it didn't work…

Deniz
- 33
- 6
1
vote
0 answers
Flutter BottomNavigationBar with showModalBottomSheet like PayPal
I'm trying to build a bottom bar with center button like this:
but I can't show the bottom sheet as expected.
First try: showModalBottomSheet -> overlays bottomnavbar, tried adding margin with transparent background and no opacity but I can't tap…

Dennis
- 372
- 1
- 2
- 17
1
vote
3 answers
Some Providers not working in modal bottom sheet
Problem: Some of my providers cannot be found in the context above the modal bottom sheet. Example:
Error: Could not find the correct Provider above
this ModalEnterTask Widget
This happens because you used a BuildContext that does not include
the…

Joe
- 311
- 3
- 17
1
vote
2 answers
Flutter modal bottom sheet the little black thing
my question might sound a bit off but how to make this thing ? i'am not sure what is called i'm sorry

Wassef Hassine
- 282
- 7
- 26
1
vote
1 answer
How to detect tap on the scrim of the modal bottom sheet?
I am using a modal sheet, when I tap somewhere outside the modal bottom sheet (In the transparent area), it closes the bottom sheet, so I need a callback of this tap gesture so that I can perform certain actions before closing the bottom…

Let's_Create
- 2,963
- 3
- 14
- 33
1
vote
1 answer
How to change text inside bottom sheet dialog in flutter?
I want to change the value in text widget inside the bottom sheet dialog but I can't find a way to do it
showBottomDialog(
context: context,
allowBackNavigation: true,
title: "Modifier la photo de profile",
content: 'Contain…

MEDANIS
- 107
- 1
- 10