Hi Developer in this jetpack compose article I share how to create a bottom sheet in Android jetpack compose. In the Android jetpack compose there are Two types of the bottom sheet. It’s a BottomSheetScaffold and the ModalBottomSheetLayout bottom sheet.
Jetpack compose Bottom Sheet type.
- BottomSheetScaffold
- ModalBottomSheetLayout
BottomSheetScaffold:- doesn’t block the screen’s main UI when it appears, and Also you can view or interact with both (main screen UI and bottom sheet) concurrently. Also, you can set a bottom sheet height to show part of it all the time.
ModalBottomSheetLayout:- This is like a popup view. It shows up when you press a button and they block the interaction with the main screen.
So in this article, we make a Modal Bottom Sheet and Its UI using jetpack compose. Here we make a screen with the button and on button click to show the UI and its item menu. So let’s start to make it. Start your android studio and create the project by choosing a jetpack to compose the activity.