Questions tagged [flutter-showmodalbottomsheet]

130 questions
2
votes
2 answers

How to remove a flat edge from topRight and topLeft in showModalBottomSheet

how do I remove this flat edge from behind the showModalBottomSheet so I can have completely round and nice borders. Widget: class Profile extends StatefulWidget { const Profile({super.key}); @override State createState() =>…
Moulik Gupta 50
  • 141
  • 1
  • 9
2
votes
1 answer

Flutter overlay over other apps

I want to build a Flutter App that can show information in a modalBottomSheet, but outside of the App. The App should run in the background and when I want it to show something, it should show a modalBottomSheet over the curently used App. It…
Acidic
  • 67
  • 1
  • 7
2
votes
2 answers

Flutter ModalBottomSheet remove white lines

I can't seem to find a good way to remove these small white lines, changed the container color to fit with the ModalBottomSheet default background color. Here is a part of code: void mountainModalBottomSheet(context){ …
Gryva
  • 297
  • 1
  • 11
2
votes
1 answer

How to refresh parent page when action is done in ModalBottomSheet Flutter

I am trying to make an eCommerce app using Flutter. When I click on the product it will show a bottom sheet with detailed information of the product. The idea is that once I add the product to the shopping cart, a number will appear on the top of…
xtream111
  • 21
  • 1
2
votes
2 answers

Open bottom sheet below the bottom navigation bar

I have created a bottom navigation bar and a bottom sheet and after clicking the navigation bar item the bottom sheet should come up. As you can see it works but it comes over the bottom navigation bar. Is there a way to make the bottom sheet appear…
2
votes
1 answer

DraggableScrollableSheet with Column won't drag to top

I'm trying to create a draggable bottom sheet that will have a set header & footer. Between those, the body/content will vary. There may be an empty state or there may be a list of data. The user should be able to expand this sheet to the top of the…
2
votes
1 answer

Cubit State does not refresh inside BottomSheet

I have ScreenA with CubitA and StateA. From ScreenA, I am opening a modal bottom sheet and passing the CubitA through BlocProvider.value(). I also have a BlocBuilder inside the BottomSheet widget. I can use CubitA correctly from inside the sheet…
2
votes
0 answers

Writing test for bottom sheet in flutter

The test is to check that the showModelBottomSheet move along the keyboard or not, showModelBottomSheet must show above the keyboard. I write this code but failed. import 'package:flutter/material.dart'; import…
2
votes
1 answer

Is there a way to close a modal bottom sheet in flutter on device orientation change?

I've already tried: @override void didChangeDependencies() { super.didChangeDependencies(); Orientation orientation = MediaQuery.of(context).orientation; (orientation == Orientation.portrait) ? print(orientation) :…
th_lo
  • 461
  • 3
  • 18
2
votes
1 answer

Is it possible to enable tap outside the bottomsheet?

I want to enable users to take actions outside the bottom sheet as well. For example in the image shown below, I want the user to make a tap on the play button. I cannot do that now since the barrier of the bottomsheet is blocking the click to the…
2
votes
2 answers

Flutter : How to disable drag down to close showModalBottomSheet

I want to disable drag down to close the showModalBottomSheet I have already tried using enableDrag:false, When i'm using enableDrag:false, is showing me below error Below is my code modal(BuildContext context) { showModalBottomSheet( …
Goku
  • 9,102
  • 8
  • 50
  • 81
1
vote
1 answer

How to change the value of "CheckboxListTile" widget in "showModalBottomSheet" widget in flutter?

I build an app with flutter,and I want to create page that allow the user to change the value of "CheckboxListTile" widget in "showModalBottomSheet" widget. The "showModalBottomSheet" widget, should be appear after the user click on button. Here is…
1
vote
0 answers

How to change dismissible boolean of modalBottomSheet in flutter after its displayed

I am showing a bottomsheet in flutter by default the isDismissible = false dismissible is set to false but based on certain conditions i want to change this to true i have tried passing a bool to showModalBottomSheet method and changing its value…
Android
  • 1,085
  • 4
  • 13
  • 28
1
vote
3 answers

Modal Bottom sheet route issue in flutter 3.7.0

I have upgraded my flutter version from 3.3.10 to 3.7.0 and now getting the following error. ModalBottomSheetRoute' is imported from both 'package:flutter/src/material/bottom_sheet.dart' and 'package:modal_bottom_sheet/src/bottom_sheet_route.dart I…
1
vote
1 answer

How to make showModalBottomSheet responsive in flutter?

I'am trying to show webView in a showModalBottomSheet, using inAppWebView plugin for webView. So when the webView state changes bottomSheet should adjust its height. Currently I just made a hotFix by giving scroll to bottomSheet. return return…
1
2
3
8 9