jetpack-compose | Jetpack Compose

Jetpack Compose Preview not showing

It's most common bug in Jetpack Compose. You can solve this issue by following these simple steps: Use latest version dependency. I am...

1. JetPack Compose Introduction

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

2. JetPack Compose Preview

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...

Error - Android Gradle plugin requires Java 11 to run. You are currently using Java 1.8.

Solution Goto settings -> Build, Execution, Deployment > Build Tools > Gradle > Gradle JDK -> Change to Java 11

5. TextStyle in JetPack Compose

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

7. Buttons in Jetpack Compose

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

6. Jetpack Compose Modifiers

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

10. LazyColumn and LazyRow

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...

12. Themes in Jetpack Compose

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

13. Card in Jetpack Compose

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

14. Jetpack Compose Progress Indicator (ProgressBar)

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

Jetpack Compose Tutorial