Jul 31, 20212 min1. JetPack Compose IntroductionWhat’s JetPack Compose? Jetpack Compose is a modern toolkit for building native Android UI. Jetpack Compose simplifies and accelerates UI...
Jul 30, 20212 min2. JetPack Compose PreviewIntroduction: In Jetpack Compose we can see the preview of our code in Android studio. It allows us to see the output without running our...
Jul 29, 20212 min3. Compose Layout: Row and ColumnWhat's Layouts in Android? It provides an invisible container to hold the views or layouts. We can place a group of views/layouts inside...
Jul 28, 20211 min4. Text in JetPack ComposeWhat'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...
Jul 26, 20212 min5. TextStyle in JetPack ComposeIntroduction: Text plays important role in mobile/web applications. We can present the details to the user using Text. Let's assume If we...
Jul 25, 20214 min6. Jetpack Compose ModifiersWhat are Modifiers in Jetpack Compose? Modifier elements decorate or add behavior to Compose UI elements. For example, backgrounds,...
Jul 25, 20212 min7. Buttons in Jetpack ComposeIn Jetpack Compose buttons, you need to give two arguments for buttons. The first argument as onClick callback and another one is your...
Jul 25, 20212 min8. Image in JetPack ComposeBefore you learn, you should know about what are the options available in this image function. These are the options available in Image:...
Jul 24, 20213 min9. TextField in Jetpack ComposeWhat'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...
Jul 23, 20212 min10. LazyColumn and LazyRowLazy 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...
Jul 22, 20213 min11. TopAppBar and Bottom Navigation with ScaffoldWhat's Scaffold? It allows you to implement a UI with the basic Material Design layout structure. You can add the following widgets with...
Jul 20, 20213 min12. Themes in Jetpack ComposeIf you create a new Jetpack compose project, you will see ui.theme package. It contains the following classes. Color.kt - for custom...
Jul 19, 20212 min13. Card in Jetpack ComposeWhat's Card? Card is a container, we can place single composable in card. It has elevation property, we can display shadow effect using...
Jul 18, 20212 min14. 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,...
Sep 20, 20215 minJetpack Compose AnimationsAnimations are fundamental for mobile applications. It gives smooth user experience to end users. Jetpack Compose has various animation...
Sep 9, 20212 minState Management in Jetpack ComposeWhat 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...
Aug 11, 20211 minJetpack Compose Preview not showingIt's most common bug in Jetpack Compose. You can solve this issue by following these simple steps: Use latest version dependency. I am...
Aug 8, 20211 minCompose Chat AppSimple chat application using Jetpack Compose and Firebase database. Github Link: https://github.com/JMPC14/JetpackComposeChatApplication
Aug 8, 20211 minCompose 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...
Aug 8, 20211 minCompose Settings Library This library provides a set of settings like composable items to help android Jetpack Compose developers build complex settings screens...