Explore Android Bottom Sheets in Jetpack Compose

BottomSheetScaffold and ModalBottomSheetLayout

Photo by Blake Connally on Unsplash

Takeaway From This Article

In this article, we’re going to learn how to use bottom sheets in Jetpack Compose. We are going to cover both persistent bottom sheets and modal bottom sheets. At the end of this article, you’ll find the GitHub project link, so feel free to explore the code.

Introduction

Jetpack Compose is one of the recent attempts by Google to make it easy for Android developers to build UI.

“Jetpack Compose is a modern toolkit for building native Android UI. Jetpack Compose simplifies and accelerates UI development on Android with less code, powerful tools, and intuitive Kotlin APIs.” — Android Developers

Jetpack Compose recently moved to beta. This means there will no longer be any drastic changes in the API structure, so it would be a great time to learn how to work with this next-generation UI kit for Android development.

You will need to install Android Studio Canary, Arctic Fox (2020.3.1) version to use the Jetpack Compose beta.

Prerequisites

Before going any further, you must have basic knowledge of how to work with Jetpack…