top of page
Jul 31, 20212 min read
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...
34,277
Jul 30, 20212 min read
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...
33,629
Jul 29, 20212 min read
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...
41,017
Jul 28, 20211 min read
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...
16,707
Jul 27, 20212 min read
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...
22,534
Jul 26, 20212 min read
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...
88,721
Jul 26, 20214 min read
6. Jetpack Compose Modifiers
What are Modifiers in Jetpack Compose? Modifier elements decorate or add behavior to Compose UI elements. For example, backgrounds,...
24,434
Jul 25, 20212 min read
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:...
40,278
Jul 24, 20213 min read
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...
122,433
Jul 24, 20212 min read
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...
42,962
Jul 22, 20213 min read
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...
63,419
Jul 21, 20213 min read
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...
30,085
Jul 20, 20212 min read
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...
52,754
Jul 19, 20212 min read
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,...
59,064
Sep 20, 20215 min read
Jetpack Compose Animations
Animations are fundamental for mobile applications. It gives smooth user experience to end users. Jetpack Compose has various animation...
30,446
Sep 9, 20212 min read
State Management in Jetpack Compose
What is state in jetpack compose? A state is an object it can hold our data. If data changes happen, it will update all its subscribed UI...
15,305
Aug 11, 20211 min read
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...
10,998
Aug 8, 20211 min read
Compose Chat App
Simple chat application using Jetpack Compose and Firebase database. Github Link: https://github.com/JMPC14/JetpackComposeChatApplication
6,596
Aug 8, 20211 min read
Compose Weather App
Simple weather app using Jetpack Compose. They use Open Weather Map Api for fetch weather details. You need to create api key. Project...
8,390
Aug 8, 20211 min read
Compose Settings Library
This library provides a set of settings like composable items to help android Jetpack Compose developers build complex settings screens...
2,687
bottom of page