Column vs LazyColumn in Android Jetpack Compose
|

Column vs LazyColumn in Android Jetpack Compose

Android Jetpack Compose has truly revolutionized how developers create UIs in Android. With a myriad of Composables at your disposal, there’s a more straightforward and more maintainable way to build interfaces. One such set of Composables that often leads to confusion, especially for those new to Jetpack Compose, are Column and LazyColumn. Let’s delve into…

|

How to Make Column Scrollable in Android Jetpack Compose

The Column composable is a powerful tool that allows you to arrange child components vertically through your layout. In this blog post, let’s learn how to make the Column scrollable in Jetpack Compose. You can easily make it scrollable by using Modifier.verticalScroll method. See the code snippet given below. You will get the following output….

How to change Background Color of Row and Column in Android Jetpack Compose
|

How to change Background Color of Row and Column in Android Jetpack Compose

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…

How to Make Column Clickable in Android Jetpack Compose
|

How to Make Column Clickable in Android Jetpack Compose

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…

How to Create Column with Rounded Corners in Jetpack Compose
|

How to Create Column with Rounded Corners in Jetpack Compose

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…

How to set Elevation to Column in Android Jetpack Compose
|

How to set Elevation to Column in Android Jetpack Compose

The elevation is an important design concept of material design. Column composable helps to create a layout with child components arranged vertically. Let’s check how to add elevation to the Column in Jetpack Compose. You can show shadow around the Column using the modifier parameter and Modifier.shadow. You can give a predefined value and it…

|

How to Arrange Elements Vertically in Android Jetpack Compose

Jetpack Compose provides a new way to design the UI of your Android app. It’s effortless and effective to create UI elements with composable functions. In this Android tutorial, let’s check how to arrange your UI elements vertically using Jetpack composable functions. It’s straightforward. You just need to use Column composable and wrap it around…