Jetpack Compose Tutorial

What’s JetPack Compose? Jetpack Compose is a modern toolkit for building native Android UI. Jetpack Compose simplifies and accelerates UI...

Introduction: In Jetpack Compose we can see the preview of our code in Android studio. It allows us to see the output without running our...

What's Layouts in Android? It provides an invisible container to hold the views or layouts. We can place a group of views/layouts inside...

What's Text? If you are an Android developer, it's a TextView. If you new to Android programming, it's just a label or paragraph. 1. Text...

Introduction: Text plays important role in mobile/web applications. We can present the details to the user using Text. Let's assume If we...

In Jetpack Compose buttons, you need to give two arguments for buttons. The first argument as onClick callback and another one is your...

What are Modifiers in Jetpack Compose? Modifier elements decorate or add behavior to Compose UI elements. For example, backgrounds,...

Before you learn, you should know about what are the options available in this image function. These are the options available in Image:...

What's TextField? TextField is a user interface control that is used to allow the user to enter the text. This widget is used to get the...

Lazy composables If you need to display a large number of items (or a list of an unknown length), using a layout such as Column can cause...

What's Scaffold? It allows you to implement a UI with the basic Material Design layout structure. You can add the following widgets with...

If you create a new Jetpack compose project, you will see ui.theme package. It contains the following classes. Color.kt - for custom...

What's Card? Card is a container, we can place single composable in card. It has elevation property, we can display shadow effect using...

Progress Indicator is a widget to indicate some actions are in progress to the user. For long-time operations such as file downloading,...