# Learn Jetpack Compose for Android by Examples

DevFeed: [Learn Jetpack Compose for Android by Examples](<https://devfeed.tech/articles/learn-jetpack-compose-for-android-by-examples-22874.md>)

Original publisher: [Read original article](<https://medium.com/mindorks/learn-jetpack-compose-for-android-by-examples-a1461f6388a?source=rss----f1a763fc7443---4>)

Author: Amit Shekhar

Published: 2020-11-02T05:02:09Z

Content type: tutorial

Language: en

Sources: [Mindorks - Medium](<https://devfeed.tech/sources/mindorks-medium.md>)

Topics: [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>), [Tutorial](<https://devfeed.tech/topics/tutorial.md>), [Android](<https://devfeed.tech/topics/android.md>), [Jetpack](<https://devfeed.tech/topics/jetpack.md>), [ui](<https://devfeed.tech/topics/ui.md>), [Android Studio](<https://devfeed.tech/topics/android-studio.md>), [Material Design](<https://devfeed.tech/topics/material-design.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [android-studio](<https://devfeed.tech/tags/android-studio.md>), [androiddev](<https://devfeed.tech/tags/androiddev.md>), [animation](<https://devfeed.tech/tags/animation.md>), [compose](<https://devfeed.tech/tags/compose.md>), [constraintlayout](<https://devfeed.tech/tags/constraintlayout.md>), [jetpack](<https://devfeed.tech/tags/jetpack.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [kotlin](<https://devfeed.tech/tags/kotlin.md>), [material-design](<https://devfeed.tech/tags/material-design.md>), [tutorial](<https://devfeed.tech/tags/tutorial.md>), [ui](<https://devfeed.tech/tags/ui.md>)

## AI overview

This tutorial introduces an open-source project for learning Jetpack Compose for Android through examples. It covers building native UI, styling text and text fields, using previews and layouts, handling interactions, adding common Material Design components, creating custom views, and applying animations.

## Source excerpt

Hi, We just open-sourced a project to learn Jetpack Compose for Android by Examples. Jetpack Compose is Android's modern toolkit for building native UI. Project Link: Jetpack-Compose-Android-Examples You will be learning: How to build UI using Jetpack Compose in Android? How to display a Text and apply various styles to a Text? How to display a TextField(EditText) and apply various styles on it? How to use the Preview and PreviewParameter feature offered by Android Studio? Learn how to use various layouts such as Column, ScrollableColumn, LazyColumn, Row, ScrollableRow, Box, Stack, and ConstraintLayout in Jetpack Compose? Learn the usage of Clickable in Jetpack Compose with the help of examples. How to use Buttons, Card, Images, AlertDialog in Jetpack Compose? Through the Jetpack Compose tutorial, you will learn various Material Design UI elements such as BottomAppBar, TopAppBar, BottomNavigation, Checkbox, CircularProgressIndicator, LinearProgressIndicator, RadioButton, Slider, Snackbar, and Switch. Learn how to make Custom Views in Jetpack Compose? How to add animation such as Crossfade and Shape Rotation in Jetpack Compose? Project Link: Jetpack-Compose-Android-Examples Thanks Team MindOrks Learn Jetpack Compose for Android by Examples was originally published in MindOrks on Medium, where people are continuing the conversation by highlighting and responding to this story.