DawinderGill / ExpandedFloatingButton-JetpackCompose

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.

Home Page:https://medium.com/@dawinderapps/floatingactionbutton-with-sub-floating-items-in-jetpack-compose-734fac0c9116

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CodeStyle Compose Kotlin Android API License Apache 2.0

Jetpack Compose Expanded Fab Button

This project demonstrates the implementation of an Expandable Floating Action Button (FAB) in Jetpack Compose, 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 story.

🌳 Environment

Android Studio verison used : Android Studio Hedgehog | 2023.1.1 Canary 11

🖼️ Demo Screens

Collapse Fab Items Expanded Fab Items

🤝 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 Google Play Medium

Feel free to ping me 😉

📝 License

Copyright © 2023 - DawinderGill

About

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.

https://medium.com/@dawinderapps/floatingactionbutton-with-sub-floating-items-in-jetpack-compose-734fac0c9116


Languages

Language:Kotlin 100.0%