Questions tagged [flutter-showmodalbottomsheet]
130 questions
10
votes
3 answers
Why can't I scroll custom WebView in Flutter ModalBottomSheet
Hey guys anyone know why I can't scroll vertically the WebView in my ModalBottomSheet? This is my code, please let me know if anything wrong or give me some advice.
showModalBottomSheet(
context: context,
isScrollControlled: true,
…

newbie
- 135
- 1
- 6
7
votes
2 answers
Show Bottom Modal Sheet above the Bottom Navigation Bar
Here in the below image I have added showModalBottomSheet on clicking on the item of "Bottom Navigation Bar", but the BottomNavigationBar is hidden by the modal sheet, So I want to make it visible even the bottom sheet is present. Can anyone please…

Sneha Mudhigonda
- 146
- 2
- 10
7
votes
4 answers
ShowModalBottomSheet containing Textfield gets hidden with keyboard following Flutter upgrade 2.2.0
In my app, when user clicks on FAB, it triggers a ModalBottomSheet which contains a textfield. Up until today (when I updated to flutter 2.2.0), the code below worked fine : when user tapped the textfield, the BottomSheet moved up and we could use…

SylvainJack
- 1,007
- 1
- 8
- 27
6
votes
1 answer
Flutter desktop web DraggableScrollableSheet scrolling problem
There is a strange behavior in Flutter I faced recently that I can not explain. Consider the following code being built for WEB platform:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget…

pseusys
- 407
- 2
- 5
- 17
5
votes
2 answers
Flutter Show Modal Bottom Sheet after build
As the title says, I have a String parameter and when I load the Home Stateful Widget I would like to open this bottom sheet if the parameter is not null.
As I understood I can't call showModalBottomSheet() in the build function of the Home widget…

Leonardo Mantovani
- 141
- 1
- 12
5
votes
1 answer
Close Modal Bottom Sheet programmatically
In the below example, I have opened up a modal bottom sheet on pressed of a Raised button In the opened sheet, I have another icon that opens up another sheet but I want to close down the first sheet after the opening of the second-bottom sheet. How…

utkarsh
- 109
- 1
- 3
- 7
5
votes
3 answers
Flutter BottomSheet change width
I want the bottom sheet to look like the one in Angular Material.
The sheet instead expands to the maximum width. The problem is that I cannot configure the width of the bottom sheet.
It currently looks like this
My code looks like this:
import…

Dennis Barzanoff
- 363
- 10
- 16
4
votes
1 answer
Flutter/Dart How to adjust Modalbottomsheet animation speed?
I read this reference
https://api.flutter.dev/flutter/material/showModalBottomSheet.html
it says "transitionAnimationController parameters can be passed in to customize the appearance and behavior of modal bottom sheets.
The…

Hajime
- 212
- 3
- 13
4
votes
2 answers
Keyboard pushes modalBottomSheet out of the bounds, resizeToAvoidBottomInset not working
I ran into problem in a Flutter application. The keyboard pushes the modal bottom sheet up even if the Scaffold has resizeToAvoidBottomInset set to false. I want the modal bottom sheet to remain at its initial position. I will show you my code for…

Mircea Dragota
- 644
- 7
- 17
4
votes
1 answer
Scroll down flutter modal bottomsheet with a scrollview in the sheet
I use the flutter function showmodalbottomsheet to display a page with a customscroll view.
But I have a problem when the scroll of the scrollview is overscrolling I wanted to scroll the the bottomsheet instead of overscrolling the…

Paul Raphanaud
- 41
- 1
- 2
4
votes
3 answers
How to decrease the bottomsheet height dynamically in flutter?
i am using showModalBottomSheet and given the height of 90% at start. There are two tabs(repeat and onetime) inside bottomsheet, repeat tab has a lot of contents and it is showing perfectly fine with 90% height. But when i tab on onetime tab, i want…

Umair
- 1,759
- 6
- 23
- 44
3
votes
0 answers
Modal Bottom Sheet Beneath Floating Action Button
I am trying to make the floating action button as the open and close button for the modal bottom sheet which requires the floating action button to be on top of the modal bottom sheet. Is there any possibility to achieve this with modal bottom…

Ikhsan
- 31
- 2
3
votes
1 answer
How can I create inner navigation in showModalBottomSheet?
In my app I am trying to implement Badoo-like sort/filter showBottomModalSheet feature. I managed to create 2 separate pages, which I can navigate back and forth. However, the problem I'm facing is the second page in showBottomModalSheet. Back…

Michael Lock
- 33
- 2
3
votes
2 answers
Flutter Modal Bottom Sheet with Navigator does not pop as expected
I a working with ModalBottomSheet and I love the package. However I am encountering an issue when trying to navigate with in a ModalBottomSheet.
Here is a ScreenVideo for a better understanding.
As you can see the View is presented as a…

Chris
- 1,828
- 6
- 40
- 108
3
votes
2 answers
Flutter Modal Bottom Sheet is not working with a Popup Menu Button inside an AppBar
I've got the problem that the Method "showModalBottomSheet" is not working inside the "onTap" function of a Popup Menu Item. The Modal Bottom Sheet is not showing up when clicking on a Popup Menu Entry.
Here is my Code inside the actions parameter…

v e n t E c h
- 33
- 3