Stack Overflow
Stack Overflow

Questions tagged [bottom-sheet]

Material design concept - bottom sheets slide up from the bottom of the screen to reveal more content.

There are two major types of bottom sheets:

  • Modal bottom sheets are alternatives to menus or simple dialogs. They can also present deep-linked content from other apps. They are primarily for mobile.
  • Persistent bottom sheets present in-app content. Elevation distinguishes modal from persistent bottom sheets. Modal bottom sheets rest at a higher elevation than the app’s content; whereas persistent bottom sheets rest at the same elevation as the app and integrate with its content.

On larger screens, where space is less constrained, using alternative surfaces and components such as simple dialogs and menus may be more appropriate than bottom sheets.

1221 questions
21
votes
4 answers

No Scaffold widget found : Getting exception while opening Bottom Dialog sheet

I'm using Scaffold widget but while opening a bottom dialog sheet I'm getting this exception @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("Calendar"), ), body: SafeArea( ....... ....... …
Ankit Dubey
  • 1,000
  • 1
  • 8
  • 12
20
votes
4 answers

Bottom sheet covered by keyboard

friends! I create FAB bottom sheet and want to make it to be "search" text field. But, when i push the FAB, it turns out, that keyboard appears and lays on the bottom sheet, so I can't see what I really type. Wanting to push bottom sheet up by using…
Ayam Millenial
  • 201
  • 1
  • 2
  • 4
20
votes
8 answers

Get value from Bottom Sheet Dialog Fragment

I'm starting bottomSheetDialogFragment from a fragment A. I want to select the date from that bottomSheetDialogFragment then set it in the fragment A. The select date is already done, I just want to get it in the fragment A to set it in some…
Abdulrahman
  • 301
  • 1
  • 3
  • 12
20
votes
2 answers

Android "Top Sheet" equivalent of "Bottom Sheet"?

I am wanting to implement a "Bottom Sheet" type of layout, but with a twist where the "bottom" sheet will be a MapFragment, which won't work very well as an up/down draggable view. I had a probably naive thought to "flip" the logic to a "Top Sheet"…
swooby
  • 3,005
  • 2
  • 36
  • 43
20
votes
3 answers

Make bottomSheetDialog full screen over status bar

I recently used android.support.design.widget.BottomSheetDialogFragment. I wanted to do something which is similar to the Google contact app, its BottomSheet can overlay the toolbar and statusbar. However, when I use the BottomSheetDialogFragment to…
Jian Guo
  • 708
  • 1
  • 9
  • 19
19
votes
3 answers

Android compose ModalBottomSheetLayout jumps on content size change

I basically have the same problem as this post, except I'm using Jetpack Compose, instead of the old View model. It happens with any kind of content - I tested it with a simple Text composable. Here's how to reproduce it: Set the Text composable to…
user496854
  • 6,461
  • 10
  • 47
  • 84
19
votes
6 answers

How i can set Half Expanded state for my BottomSheet

I have layout with bottom sheet.
Sergei Buvaka
  • 551
  • 1
  • 5
  • 16
19
votes
7 answers

Unexpected namespace prefix "app" found for tag RelativeLayout - Android?

I need to use BottomSheetBehavior with ScrollView but it says to me : Unexpected namespace prefix "app" found for tag RelativeLayout app:behavior_hideable="true" app:behavior_peekHeight="80dp" Here is my xml :
user4813855
18
votes
4 answers

BottomSheetDialogFragment with bottom sticky button

I have some trouble displaying a button in my BottomSheetDialogFragment. I want it to stick to the bottom of my bottom sheet, no matter if the sheet is expanded or collapsed. See the picture below : (I used sketch to create this) Any tips or…
Tanguy C
  • 183
  • 1
  • 6
18
votes
3 answers

BottomSheetDialog remains hidden after dismiss by dragging down

I am pretty curious about the behavior of the BottomSheetDialog when it is dismissed : when the user draggs it down to hide it, it will remain hidden, even if bottomSheetDialog#show() is called after. This only happens when it is dragged down, not…
David Seroussi
  • 1,650
  • 2
  • 17
  • 34
18
votes
3 answers

Bottomsheet with moving Floating action buttons

I want to use Bottom-sheet from support library and two floating action buttons (FABS) as shows the pictures. The point is that I also want both FABS moving together with the bottom-sheet like the picture 1 and 2. What is the basic layout that I…
Thanassis
  • 857
  • 1
  • 8
  • 25
17
votes
3 answers

how Pass data to angular material bottomsheet

I use Angular Material and Angular 6. I work a lot with material dialog and i make like this : openDialog3(key : string): void { let dialogRef = this.dialog.open(PPSDialogRemoveComponent, {width: '1000px'}); dialogRef.componentInstance.key =…
Newbiiiie
  • 1,401
  • 3
  • 14
  • 33
16
votes
3 answers

How to create rounded corner BottomDrawer (aka Modal Bottom Sheet) in Jetpack compose

How to create rounded corner BottomDrawer (aka Modal Bottom Sheet) in new android jetpack compose. e.g. image
user15301088
15
votes
2 answers

Bottom sheet margin top not working correctly - Android

I am working with bottom sheet and it is working great if I dont add margin top. I want the bottom sheet to fill the screen when pulled up but it also goes behind the Action Bar. To solve this, I added margin top to the bottom sheet equivalent to…
Salmaan
  • 3,543
  • 8
  • 33
  • 59
14
votes
4 answers

Modal Bottom Sheet scrim color is not shown in status bar in Jetpack compose

Migrating an app in view system to Jetpack compose. The bottom sheet scrim color is shown on the status bar in the current app. How to reproduce the same in Jetpack compose? Screenshot of the app using views Screenshot of the app using…
Abhimanyu
  • 11,351
  • 7
  • 51
  • 121
1 2 3
…
81 82