Jetpack Compose Tutorial

  • Subscribe

  • Contact

  • More

    Use tab to navigate through the menu items.
    • All Posts
    • Basics
    • Advanced
    • Sample Projects
    • Bugs
    1. JetPack Compose Introduction
    • Jul 31, 2021
    • 2 min

    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...
    3,084
    2. JetPack Compose Preview
    • Jul 30, 2021
    • 2 min

    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...
    4,445
    3. Compose Layout: Row and Column
    • Jul 29, 2021
    • 2 min

    3. Compose Layout: Row and Column

    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...
    4,438
    4. Text in JetPack Compose
    • Jul 28, 2021
    • 1 min

    4. Text in JetPack Compose

    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...
    1,603
    5. TextStyle in JetPack Compose
    • Jul 26, 2021
    • 2 min

    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...
    2,291
    7. Buttons in Jetpack Compose
    • Jul 25, 2021
    • 2 min

    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,616
    6. Jetpack Compose Modifiers
    • Jul 25, 2021
    • 4 min

    6. Jetpack Compose Modifiers

    What are Modifiers in Jetpack Compose? Modifier elements decorate or add behavior to Compose UI elements. For example, backgrounds,...
    4,435
    8. Image in JetPack Compose
    • Jul 25, 2021
    • 2 min

    8. Image in JetPack Compose

    Before you learn, you should know about what are the options available in this image function. These are the options available in Image:...
    7,281
    9. TextField in Jetpack Compose
    • Jul 24, 2021
    • 3 min

    9. TextField in Jetpack Compose

    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...
    12,904
    10. LazyColumn and LazyRow
    • Jul 23, 2021
    • 2 min

    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...
    7,245
    11. TopAppBar and Bottom Navigation with Scaffold
    • Jul 22, 2021
    • 3 min

    11. TopAppBar and Bottom Navigation with Scaffold

    What's Scaffold? It allows you to implement a UI with the basic Material Design layout structure. You can add the following widgets with...
    12,754
    12. Themes in Jetpack Compose
    • Jul 20, 2021
    • 3 min

    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...
    3,316
    13. Card in Jetpack Compose
    • Jul 19, 2021
    • 2 min

    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...
    6,537
    14. Jetpack Compose Progress Indicator (ProgressBar)
    • Jul 18, 2021
    • 2 min

    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,...
    8,246
    • Facebook
    • Twitter
    • YouTube
    • Pinterest
    • Tumblr Social Icon
    • Instagram
    rranjithkumar100@gmail.com , India