In Jetpack Compose, a Composition is a tree-like structure describing the UI of your app and is produced by running composables. When the Composition is no longer needed, state will no longer be tracked by Jetpack Compose, and the Composition gets disposed so that resources can be released. ViewCompositionStrategy defines…

If you have a composable function you might stumble over the following block of code. You might have even written it by yourself: val stringState = remember { mutableStateOf("") } Because I sometimes got confused about this “simple” line of code, I took some time to finally understand what it…

TL;DR To prevent synchronization issues and unexpected behaviors: – Avoid delays/asynchronous behaviors between typing and updating TextField state. – Avoid holding TextField state using a reactive stream (e.g. collecting from StateFlow using the default dispatcher) – Define TextField state variables with Compose APIs like MutableState<String>. Hoist TextField state to the…

derivedStateOf — a really common question we see is where and when is the correct place to use this API? The answer to this question is derivedStateOf {} should be used when your state or key is changing more than you want to update your UI. Or in other words…

Note: Everything in this post related to Compose 1.0.1 and maybe in the future Google will introduce a new API and approaches like Compose MotionLayout 🐰 Early this year I started a new pet project for listening to random radio from over the world. The UI at the beginning was…

Animations are super important when building an application. They highlight relations between elements, bring attention to what is important and they also can express a brand’s style. Overall animations give a higher quality look and feel to your app and more importantly they are super cool to build as a…

Have you ever measured the performance of your composable and discovered it is recomposing more code than you expect? “I thought Compose was meant to intelligently skip composables when state hasn’t changed?” you might ask. Or when reading Compose code you might see classes annotated with @Stable or @Immutable and…

In this short story we will learn how to create a custom progress indicator using the Layout composable and the animation tools provided by Jetpack Compose. The final result we are after is shown here: The basic component, the Dot We’ll start by defining a composable that represents our basic unit, the Dot. There are…

I was looking to implement popup like linkedIn using Android Jetpack compose. After lots of searching I got to know there is Popup in Jetpack Compose. Thanks to Android Developer documentation link . Initially I thought it would be straight forward in Jetpack Compose like on tap of button to show popup as below we do in Android old way. Android Old way(Without Jetpack Compose): Android New way (With Jetpack Compose)

So, one day, I’m having a problem with constructing my compose layout. I want to make a lazy row layout that has a view all item at the end of the scrolled layout. The layout looks like this :

At times our requirement needs something beyond readymade Layouts. In jetpack compose for example we want to place Composables like in image below.

An exploration into Jetpack compose animation and canvas to create custom UI components What we would be creating The UI components created will be based on NeoPop UI from Cred. It will be used as a reference and not everything would be exactly the same. I would be writing separate…

Today we will show you how to use Shimmer Animation in Jetpack Compose. But before moving forward, I would like to ask you to please follow my medium account to get the latest updates about Android and other tech-related topics. What is Shimmer Animation? Shimmer Animation is usually used to show some data which…

Intro Jetpack Compose is the new toolkit for android to build native user interfaces. To get started, i highly recommend going through the “Jetpack Compose basics” Codelab by Google. If you prefer video content, the youtuber CodingWithMitch has a complete course on how to build apps with jetpack compose. Please note…