GIFs are a great way to convey emotions and reactions, and they can be used to add visual interest and personality to an app. In this blog post, let’s learn how to show GIF images in Jetpack Compose. Android doesn’t have default support for GIFs. Hence, we use the Coil library to add GIF support….
In mobile app development, a placeholder image is used as a temporary representation of content that has yet to be loaded. This could be an image that is being loaded from a remote source, or it could be a temporary image that is displayed while the app is loading data. Placeholder image improves the user…
Sometimes, you may want to tweak the default brightness of images in your Android app. In this blog post, let’s learn how to change the brightness of an image in Jetpack Compose. Before proceeding, the following is the image I am going to use in this tutorial. The Image composable has many useful parameters and…
Sometimes, you may want to blur images in your mobile app. In this Android tutorial, let’s learn how to blur an image easily in Jetpack Compose. Most of the composables including the Image have a modifier parameter and we can use the Modifier.blur to add a blur effect to the images. See the following code…
Sometimes, you may want to show an image after the center crop in your app. In this blog post, let’s check how to center crop an image in Jetpack Compose. The Image composable has many properties for customization. The contentScale option is one among them. By default the Image composable use ContentScale.Fit. In order to…
Displaying images in black and white can be a great way to add a touch of elegance or nostalgia to your app, and it’s easy to do using Jetpack Compose. In this blog post let’s learn how to show an image in black and white. The Image composable has some useful parameters and the colorFilter…
The aspect ratio is the proportion of an image’s width to its height. It plays a crucial role in the design of a mobile app as it determines how an image will be displayed on different screen sizes and orientations. In this blog post, let’s learn how to set the aspect ratio to an image…
Jetpack Compose is a modern, reactive, and declarative framework for building efficient and beautiful UI for Android. It is easy to create and customize the look of your app with Jetpack Compose. In this blog post, let’s learn how to change the image tint color in Jetpack Compose. The Image composable is used to display…
Row and Column are two important composables to create a mobile app layout using Jetpack Compose. Row composable helps to arrange the content horizontally whereas Column arranges child elements vertically. Let’s check how to change the default background color of Row and Column in Jetpack Compose. Jetpack Compose Row Background Color You can customize the…
The Row is an important composable and its significance in building layouts is very high. It helps to arrange child elements horizontally. Sometimes, app developers want to make Row clickable in Jetpack Compose. Modifier.clickable is used to make Row composable clickable. In the following code snippet, when the Row is clicked a Toast message is…
Column composable helps to arrange child content vertically in Jetpack Compose. Sometimes, you may want to make the Column clickable to add further functionality to the mobile app. Let’s learn how to make Column clickable easily in Jetpack Compose. In Jetpack Compose, you can make composables clickable using Modifier.clickable{}. See the following code snippet where…
The Column is one of the most used composable in Jetpack Compose. It allows to align the content vertically in a layout. In this Jetpack Compose tutorial, let’s learn how to add a Column with rounded corners easily. The rounded corners can make UI components beautiful. You can create rounded corners with the help of…