How to Create a Bottom Sheet With Jetpack Compose - Android Studio Tutorial

Bottom sheets are UI sheets that the user can drag up and down to show or reveal UI components. Very useful!

⭐ Get certificates for your future job
⭐ Save countless hours of time
⭐ 100% money back guarantee for 30 days
⭐ Become a professional Android developer now:

Subscribe to my FREE newsletter for regular Android, Kotlin & Architecture advice!

Join this channel to get access to perks:

Get the source code for this video here:

Join my Discord server:

You like my free content? Here you can buy me a coffee:

[immortal_lnight]

This is exactly what I was missing in the compose! Now I can create all my applications with it.

[jellybeast]

i am always hyped when you publish a new video, thank you very much for the free content 💙💙💙💙

[jaygitonga]

For those probably working with material 3 api, rememberBottomSheetState() was replaced wuth . To set the initialValue field, use SheetState.Hidden.

I hope this helps!

[chuka_obi]

Yes yes yes!!!! Thank you so much for this Philipp!

[mikec]

What about ModalBottomSheetLayout Philipp? I find that a bit better as it darkens the rest of the screen on it's own and also we only need to keep track on for sheetState (no scaffoldState needed). Great video by the way :)

[billal]

That's exactly what i need for the project i'm currently working on

[amiakari]

Philipp, thank you so much! It was really helpful!

[raymondmichael]

How to add an overlay or shadow to the rest of the screen when the sheet is open

[martinrasmussen]

Great video, thanks Philipp!

How would you show this from a child composable?

So if I have my app positioned in a scaffold with a bottom bar. How can I use the bottom sheet from within that scaffold content, and to be on top of the bottom bar?

[anudeepananth]

One big drawback with jetpack compose bottom sheets seem to be that the scrim color does not apply to the status bar, the alert dialogues apparently do this out of the box but not with bottom sheets

[tonnie]

Too bad we don't yet have android BottomSheetScaffold on Material 3.

[amponsahhubert]

I like the motion graphics in your videos. Do you do them yourself?

[pradeepkumarreddykondreddy]

How to open the Jetpack compose bottomsheet from my existing android activity ?

[michaeladeneye]

Hello, pls can you do a video for implementing collapsing app bar with tablayout and bottomsheet in the same screen?

[douglasmaueski]

hello philip I'm from Brazil... and I really like your videos on jetpack composition. Congratulations. One question: with jetpack compose I don't need OOP (object oriented) anymore?

[suboshk]

I cant able to make fullscreen or based on pecertage of screen to occupy using scaffold, kindly clarify on it

[kaletsugas]

Is it possible to have a dynamic views that recomposes itself in the bottomsheet contents?

[aniketkanitkar]

Good video
I have a query
How I can populate data to bottomsheet on an item click of LazyColumn
Please help I tried in many ways but dint got success

[aarushkumar]

hey can we half the bottom sheet width in jetpack compose please reply

[syscreeper]

how i add dependancy, plugins, classpaths in android project, after new gradle update plz make video