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…

Using Animatable to achieve Custom Canvas Animations — Imagine the smoothest app experience you’ve seen… Everything moving along with silky smooth transitions and sensible reactions to your interactions…. Are you drooling yet? 🤤 Well you no longer need to dream, as adding animations with Compose will make this dream a reality. Don’t believe me? Read on. Compose has…

Product Feature Using Jetpack Compose — Introduction Google Maps has always been one of my favorite apps. The two-layer design makes it so convenient for users to browse the map and find details at the same time. I have been always wondering how much engineering work it took under the hood. That was probably true with the…

In this post, we will explore composing a One-Tap phone number login experience using Google’s Sms Verification APIs. The premise of a phone number login flow is fairly straightforward. We enter a phone number, get a one-time verification code on the phone, enter the code and voila! …

Currently, I’m developing an Android app that is built using Jetpack Compose. The app records live Zoom meetings directly to an MP4 file in real-time. When the video is played, I include an image at the very beginning to indicate the title of the video, the participants in the Zoom…

How to convert a jetpack composable to the bitmap image by not going insane jumping between the interpolation. Hacktoberfest 2021 is live and many developers like me who are enthusiastic about this event and love Open Source take some time to contribute to some Open Source Projects. My 3rd PR…

Few months ago we in our company decided to build a new UI-Kit library module with a new Design system for our main product app from scratch, They picked me to start the development of a new Design System, And at that time the Jetpack Compose was in Beta, so…

Jetpack Compose has recently graduated to become PROD-ready as it has just hit the 1.0.0 milestoneCanvas. While the android community has started adopting for building the apps and prototyping around the next generation android UI framework. While the Jetpack Compose is full of exciting APIs to work with but this…

Canvas transformations and transitions — Notice This article was written in 2020, before Jetpack Compose 1.0 came out, and much has changed in the APIs since. I might update the code examples at some point — until then, I’m keeping this warning here. The article hopefully still has its value in the thought process described. Your…

We have already given basic stuff related to Jetpack Compose in our previous blog Saying Hello to Jetpack Compose. Jetpack compose is the new way to build UI for your android applications in a declarative manner. …

To the user, the interface is the product In this blog post, we will implement Drag and Drop functionality using Jetpack compose. We’ll create a food order book, that shows list of food items with list of persons. Users can select food items and drop them to the person paying…

Introduction In this short article we’ll learn how to create a Composable card that rotates (or flips) on its axis, to show content on its back. The final result we are looking for is shown in this animation: Defining our Composable signature We’ll start by defining our Composable signature. These are the parameters we want…