A simple way to manage state in your Jetpack Compose apps State management is one of the most important features of any app. Choosing the right architecture from the get go is important as architectural changes become very expensive once the app has been built. …

In this short article we will learn how to use the new anchoredDraggable modifier released with Jetpack Compose Foundation 1.6.0-alpha01 . anchoredDraggable is a new modifier that allows us to drag content either horizontally or vertically, specifying optional anchor points along the drag zone where the content will snap to…

In today’s article we will learn how to create a custom gradle plug-in that automates the build number on our apps on the CI/CD (Continuous Integration / Continuous Deployment), and how to update the GitHub workflows to leverage it. The GitHub action We won’t be writing everything from scratch, we will leverage this…

Introduction In today’s article we will learn how to create a ticker board, reminiscent of the boards that used to adorn train stations and airports, and that can still be seen in some of those today. The GIF below shows what we will end up implementing today: Let’s get started. The issue with text Working…

Introduction In today’s article we’ll learn how to navigate between screens on a Jetpack Compose app using a solution different from the one suggested by Google in their documentation, while still using the Navigation library from the Android Architecture Components. Google’s navigation proposal How it works First, we need to describe how Google suggests we implement navigation…

Introduction In today’s story we will learn how to implement an animated drawer with a couple of different animation effects, what we are after is showcased in the 2 GIFs below, where, as the drawer slides in from the left side, the main content resizes and either moves to the right…

Introduction In today’s story we will find out how to implement an Action Bar in Jetpack Compose that can be shared across different screens, while updating to show different content based on which screen is currently active. This GIF shows what we want to end up with: For the actions menu…

Overview In this story we will learn how to implement a reusable composable which we can add to the top app bar in our app’s screens to show relevant menu items. The final result will look as shown below: Creating the menu First we will see how we can implement this menu using the…

Intro In today’s story we will learn how to create a circular carousel, a set of items that the user can spin around. The GIF below shows what we want to achieve: Setting the scene When I was thinking about how to implement this, the main issue I faced was how to determine the…