ExpandedFloatingButton-JetpackCompose

KO | EN

gitlite — search

#react #ai #go #android #docker #nodejs #windows #awesome #cli #awesome-list #pytorch #security #openai #ios

ExpandedFloatingButton-JetpackCompose

(★ 11)

Jetpack Compose Expandable Floating Button Demo: A compact demonstration project highlighting the creation of an expandable floating button menu in Jetpack Compose. Users can interact with the primary button to reveal additional options, providing an intuitive and interactive user experience.

ExpandedFloatingButton-JetpackCompose Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![CodeStyle](https://img.shields.io/badge/code%20style-%E2%9D%A4-FF4081.svg?style=for-the-badge)](https://ktlint.github.io/)
[![Compose](https://img.shields.io/badge/compose-2023.06.01-red.svg?style=for-the-badge)](https://developer.android.com/jetpack/compose)
[![Kotlin](https://img.shields.io/badge/kotlin-1.8.10-blueviolet.svg?style=for-the-badge)](https://kotlinlang.org/)
[![Android API](https://img.shields.io/badge/api-21%2B-brightgreen.svg?style=for-the-badge)](https://android-arsenal.com/api?level=21)
[![License Apache 2.0](https://img.shields.io/badge/License-Apache%202.0-orange.svg?style=for-the-badge)](https://opensource.org/licenses/Apache-2.0)

<h1 align="center"> Jetpack Compose Expanded Fab Button </h1>

This project demonstrates the implementation of an Expandable Floating Action Button (FAB) in [Jetpack Compose](https://www.googleadservices.com/pagead/aclk?sa=L&ai=DChcSEwirxJ-8nJGAAxWezMIEHZm2DusYABACGgJwdg&ohost=www.google.com&cid=CAESa-D2E9EHPMO24ZVeohcQzPgBKtfVfkbnufBlV2qUiGJ5XL1vhNoQ7Yyk9acePAcC0Xrx3KvcDy_b5pvHL3nlRFYBNebz9_mLYiGTkq45DFvSST2UrzbFYFcZWc4RNKcXC6Bs884F7_fCsX0t&sig=AOD64_1j28Y5zCwhCJe_uPcFZYyLdXxP9Q&q&adurl&ved=2ahUKEwjD8Zm8nJGAAxXPFzQIHcrGDR4Q0Qx6BAgKEAE&nis=8), a modern UI toolkit for building Android apps. The Expandable FAB allows users to perform primary actions through the main FAB and reveal secondary actions or sub-items when the main FAB is expanded.

You can read the step by step guide in my [medium](https://medium.com/@dawinderapps/floatingactionbutton-with-sub-floating-items-in-jetpack-compose-734fac0c9116) story.

## 🌳 Environment
Android Studio verison used : ``Android Studio Hedgehog | 2023.1.1 Canary 11``

## 🖼️ Demo Screens

![](https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExZDQxZGY5bjJhZW96NHphbWV3d2V3c2YwMmlmamkzYnVtdHN4NDIyNiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/zxaYW89UtPvEN2zbfD/giphy.gif)

## 🤝 Contributing

Contributions are what make the open-source community such a fantastic place to learn, inspire,
and create. Any contributions you make are **greatly appreciated**.

If you would like to contribute, please follow these steps:

1. Open an issue first to discuss what you would like to change.
2. Fork the Project
3. Create your feature branch (`git checkout -b feature/amazing-feature`)
4. Commit your changes (`git commit -m 'Add some amazing feature'`)
5. Push to the branch (`git push origin feature/amazing-feature`)
6. Open a pull request

Please make sure to update tests as appropriate.

## ✍️ Author

👤 **DawinderGill**

[![Linkedin](https://img.shields.io/badge/-linkedin-0077B5?style=for-the-badge&logo=linkedin)](https://www.linkedin.com/in/dawinder-singh-gill-2b1833171)
[![Google Play](https://img.shields.io/badge/Google_Play-414141?style=for-the-badge&logo=google-play&logoColor=white)](https://play.google.com/store/apps/dev?id=6322881499451604311)
[![Medium](https://img.shields.io/badge/Medium-12100E?style=for-the-badge&logo=medium&logoColor=white)](https://medium.com/@dawinderapps)

Feel free to ping me 😉

## 📝 License

ExpandedFloatingButton-JetpackCompose

ExpandedFloatingButton-JetpackCompose Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

ExpandedFloatingButton-JetpackCompose

ExpandedFloatingButton-JetpackCompose Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README