Uploaded April 2023 | Updated September 2026, 1 week ago
Learn Jetpack Compose in Android. Learn how to create a simple quotes app. In this video, we will design the composables required to create this app. Here we have used different modifiers and composables to achieve the required design. Rotate Modifier is used to rotate the composable. You can use this to rotate any composable. We have used this for an image that is rotated at 180 degrees. Image composable is overloaded, you can also pass vector icons to render vectors i.e. svg icons. We have material icons. By default jetpack compose comes with some default icons. To extend these icons i.e. to use all the material icons - we have to use the extended version of material ui icons. This is done by adding dependency.
We have used Gradients in Compose. Jetpack compose has built-in support to add gradients. Linear Gradients, Sweep Gradients, Radial Gradients can be added to any composable as a background by using the brush parameter of the background option in a modifer. Learn how to use these gradient by following this video.
Learn step by step on how to use these Composable functions along with the best practice. Everything is explained in Hindi (हिन्दी)
Topics covered -
1. Demo of Quotes App
2. Custom composable for List Item
3. Spacer Composable and Box Composable for Lines
4. Gradients in Composable examples.
Kotlin Flows Playlist -
youtube.com/playlist?list=PLRKyZvuMYSIPJ84lXQSHMn8P-0J8jW5YT
Jetpack Paging Tutorial -
youtube.com/playlist?list=PLRKyZvuMYSIPci119n2gt_kq1GU-PAYRk
Complete Dependency Injection Playlist Link -
youtube.com/playlist?list=PLRKyZvuMYSIPwjYw1bt_7u7nEwe6vATQd
Complete Android Architecture Components Playlist -
youtube.com/playlist?list=PLRKyZvuMYSIO0jLgj8g6sADnD0IBaWaw2
Beginner series in Android Playlist (Hindi) -
youtube.com/playlist?list=PLRKyZvuMYSIN9sVZTfDm4CTdTAzDQyLJU
Kotlin Beginners Tutorial Series -
youtube.com/playlist?list=PLRKyZvuMYSIMW3-rSOGCkPlO1z_IYJy3G
For more info - visit the below link
cheezycode.com
We are social. Follow us at -
Facebook - facebook.com/cheezycode
Twitter - twitter.com/cheezycode
Instagram - instagram.com/cheezycode
Learn Jetpack Compose in Android. Learn how to create a simple quotes app. In this video, we will design the composables required to create this app. Here we have used different modifiers and composables to achieve the required design. Rotate Modifier is used to rotate the composable. You can use this to rotate any composable. We have used this for an image that is rotated at 180 degrees. Image composable is overloaded, you can also pass vector icons to render vectors i.e. svg icons. We have material icons. By default jetpack compose comes with some default icons. To extend these icons i.e. to use all the material icons - we have to use the extended version of material ui icons. This is done by adding dependency.
We have used Gradients in Compose. Jetpack compose has built-in support to add gradients. Linear Gradients, Sweep Gradients, Radial Gradients can be added to any composable as a background by using the brush parameter of the background option in a modifer. Learn how to use these gradient by following this video.
Learn step by step on how to use these Composable functions along with the best practice. Everything is explained in Hindi (हिन्दी)
Topics covered -
1. Demo of Quotes App
2. Custom composable for List Item
3. Spacer Composable and Box Composable for Lines
4. Gradients in Composable examples.
Kotlin Flows Playlist -
youtube.com/playlist?list=PLRKyZvuMYSIPJ84lXQSHMn8P-0J8jW5YT
Jetpack Paging Tutorial -
youtube.com/playlist?list=PLRKyZvuMYSIPci119n2gt_kq1GU-PAYRk
Complete Dependency Injection Playlist Link -
youtube.com/playlist?list=PLRKyZvuMYSIPwjYw1bt_7u7nEwe6vATQd
Complete Android Architecture Components Playlist -
youtube.com/playlist?list=PLRKyZvuMYSIO0jLgj8g6sADnD0IBaWaw2
Beginner series in Android Playlist (Hindi) -
youtube.com/playlist?list=PLRKyZvuMYSIN9sVZTfDm4CTdTAzDQyLJU
Kotlin Beginners Tutorial Series -
youtube.com/playlist?list=PLRKyZvuMYSIMW3-rSOGCkPlO1z_IYJy3G
For more info - visit the below link
cheezycode.com
We are social. Follow us at -
Facebook - facebook.com/cheezycode
Twitter - twitter.com/cheezycode
Instagram - instagram.com/cheezycode
