Skip to content

anshajkhare/JetpackSheetAnimations

Repository files navigation

Jetpack Compose Bottom Sheet Animation Demo

This repository demonstrates how to implement a bottom sheet in Jetpack Compose with customizable animations such as slide in/out and bounce effects. The bottom sheet also includes a semi-transparent overlay and is dismissed only when tapping outside the sheet.

Getting Started

To get started with this project, clone the repository and open it in Android Studio:

git clone https://github.com/anshajkhare/JetpackSheetAnimations.git
  • Open the project in Android Studio.
  • Sync Gradle and make sure all dependencies are installed.
  • Run the app on an Android Emulator or a physical device.
  • Select the animation you want to preview within the app using the radio buttons and click "Open Bottom Sheet".

You can check the MainActivity.kt class and customize the animations as per your own preferences.

Animation Preview

Slide animation

bottom-sheet-slide

Slide with bounce effect

bottom-sheet-bounce

Fade in and out

bottom-sheet-fade

Slide and fade

bottom-sheet-fade-slide-2

License

This project is licensed under the MIT License - see the LICENSE file for details.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages