Learn Jetpack Compose for Android by Examples. Learn how to use Jetpack Compose for Android App Development. Android’s modern toolkit for building native UI.

Overview

Jetpack-Compose-Android-Examples

Learn Jetpack Compose for Android by Examples. Learn how to use Jetpack Compose for Android App Development. Android’s modern toolkit for building native UI.

MindOrks Connect with us Open Source Love License

About this project:

  • If you want to get started with Jetpack Compose for Android Development and wants to master it, then this project is for you.
  • Common use-cases of Jetpack Compose in Android has been implemented in this project.
  • This is your one-stop solution for learning Jetpack Compose for Android Development.

Steps to learn Jetpack Compose by examples from this project

  • Just clone, build, run the project and start learning Jetpack Compose by examples.

This Jetpack Compose Example Project will help you in learning the following for Android App Development:

  • How to build UI using Jetpack Compose in Android?
  • How to display a Text and apply various styles on 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, LazyRow, 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, Single Choice Dialog in Jetpack Compose?
  • Through 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?

Jetpack Compose Examples for Android Development:

Project Directory Structure

.
└── com.mindorks.example.jetpack.compose/
    ├── animation/
    │   ├── CrossFadeAnimationActivity.kt
    │   └── ShapeRotationActivity.kt
    ├── button/
    │   └── MaterialButtonActivity.kt
    ├── card/
    │   └── CardExampleActivity.kt
    ├── clickable/
    │   └── ClickableExampleActivity.kt
    ├── customview/
    │   └── CustomViewActivity.kt
    ├── data/
    │   └── Blog.kt
    ├── dialog/
    │   ├── AlertDialogActivity.kt
    │   └── SingleChoiceDialogActivity.kt
    ├── image/
    │   └── ImageActivity.kt
    ├── layout/
    │   ├── BoxActivity.kt
    │   ├── ColumnActivity.kt
    │   ├── ConstraintLayoutActivity.kt
    │   ├── LazyColumnActivity.kt
    │   ├── LazyRowActivity.kt
    │   ├── RowActivity.kt
    │   ├── ScrollableColumnActivity.kt
    │   ├── ScrollableRowActivity.kt
    │   └── StackActivity.kt
    ├── materialdesign/
    │   ├── MaterialAppBarActivity.kt
    │   ├── MaterialBottomNavigationActivity.kt
    │   ├── MaterialCheckBoxActivity.kt
    │   ├── MaterialProgressActivity.kt
    │   ├── MaterialRadioButtonActivity.kt
    │   ├── MaterialSliderActivity.kt
    │   ├── MaterialSnackbarActivity.kt
    │   └── MaterialSwitchActivity.kt
    ├── preview/
    │   ├── DummyBlogProvider
    │   ├── PreviewParameterActivity.kt
    │   └── SimplePreviewActivity.kt
    ├── text/
    │   ├── SimpleTextActivity.kt
    │   ├── TextFieldActivity.kt
    │   └── TextStylingActivity.kt
    ├── ui/
    │   ├── Color.kt
    │   ├── Shape.kt
    │   ├── Theme.kt
    │   └── Type.kt
    └── MainActivity.kt

References useful during learning the Jetpack Compose for Android from this project

Explore Android Online Tutorials and Courses To Learn More by MindOrks

  • Ride-Sharing Uber Lyft Android App - Learn to build a ride-sharing Android Taxi Clone App like Uber, Lyft - Open-Source Project By MindOrks
  • Android Tutorial - All Free Android Tutorials by MindOrks
  • Android Online Course for Professionals - In this online course, you’ll learn the Dagger, Kotlin, RxJava, MVVM Architecture, Architecture Components, Jetpack, LiveData, ViewModel, Room Database, Database Design, Multithreading, Memory Management, Networking, Caching, How Glide works, Unit Testing, and the best practices for Android Development. By the end of this online course, you will have all the skills you need to become a professional Android Developer.
  • Android Online Course for Beginners - This course is for beginners for those who want to get started with Android Development. In this course, you will build two apps: TodoNotes and Ride-Sharing Uber Android App.

If this project helps you in anyway, show your love ❤️ by putting a on this project ✌️

Check out MindOrks awesome open source projects here

License

   Copyright (C) 2020 MINDORKS NEXTGEN PRIVATE LIMITED

   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
   You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing, software
   distributed under the License is distributed on an "AS IS" BASIS,
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.

Contributing to Jetpack Compose Android Examples

Just make pull request. You are in!

You might also like...
🎞 A demo movie app using Jetpack Compose and Hilt based on modern Android tech stacks.
🎞 A demo movie app using Jetpack Compose and Hilt based on modern Android tech stacks.

MovieCompose is a small demo application based on modern Android tech-stacks especially focus on Jetpack Compose UI using The Movie DB API.

Simple Jetpack Compose demo app which is developed with CoinGecko API and modern android technologies.
Simple Jetpack Compose demo app which is developed with CoinGecko API and modern android technologies.

CoinBox CoinBox is a multi module small currency tracker app which is developed with Jetpack Compose. This demo app used coingecko.com API to fetch da

A demo app using Jetpack Compose and Hilt based on modern Android tech stacks

Rick & Morty APP RickAndMorty is a small demo application based on modern Androi

CoinList is a simple app based on Jetpack Compose, modern tech-stack and Clean Architecture.
CoinList is a simple app based on Jetpack Compose, modern tech-stack and Clean Architecture.

CoinList is a simple app based on Jetpack Compose, modern tech-stack and Clean Architecture. The project is quite simple which shows the list of crypto currencies and their general info details gets from API.

Jet-CoinList is a simple app based on Jetpack Compose, modern tech-stack and Clean Architecture.
Jet-CoinList is a simple app based on Jetpack Compose, modern tech-stack and Clean Architecture.

Jet-CoinList is a simple app based on Jetpack Compose, modern tech-stack and Clean Architecture. The project is quite simple which shows the list of crypto currencies and their general info details gets from API.

PapriCoin demonstrates Jetpack Compose usage to build modern app based on Clean Architecture and newest Tech-Stack
PapriCoin demonstrates Jetpack Compose usage to build modern app based on Clean Architecture and newest Tech-Stack

PapriCoin demonstrates Jetpack Compose usage to build modern app based on Clean Architecture and newest Tech-Stack. Repository also has loca

⌨️ A tool that gives you a massive head start when building Compose Desktop apps. It saves you from time-consuming setup and configuration
⌨️ A tool that gives you a massive head start when building Compose Desktop apps. It saves you from time-consuming setup and configuration

💻 create-compose-app A tool that gives you a massive head start when building Compose based apps. It saves you from time-consuming setup and configur

⌨️ A tool that gives you a massive head start when building Compose Desktop apps. It saves you from time-consuming setup and configuration
⌨️ A tool that gives you a massive head start when building Compose Desktop apps. It saves you from time-consuming setup and configuration

💻 create-compose-app A tool that gives you a massive head start when building Compose based apps. It saves you from time-consuming setup and configur

Let's learn the basics of Jetpack Compose
Let's learn the basics of Jetpack Compose

MyPlaygroundForJetpackCompose Let's learn the basics of Jetpack Compose Info This project is a self learning project for me. The goal of the project i

Comments
  • add : single choice dialog example added

    add : single choice dialog example added

    This PR contains

    1. An example of how we can create Single Choice Alert Dialog along how we can can maintain state for the dialog.
    2. Updated Gradle Version to make it compatible with AS4.2 Canary 15
    opened by rooparsh 0
  • Common Layouts

    Common Layouts

    I am just wondering how we can use common UI or XMLs in jetpack compose. like we use in Android Activity or in Fragments. Wanted to know about and tag as well.

    opened by dpnkrg 5
Owner
MindOrks
Learn Android App Development
MindOrks
A simple path finding visualizer mobile app to demonstrate the use of Jetpack Compose UI toolkit in Android.

Path Finding Visualizer App using Jetpack Compose A simple path finding visualizer mobile app to demonstrate the use of Jetpack Compose UI toolkit in

Serge Nino Martin Villasica 33 May 6, 2022
Jetpack-compose-animations-examples - Cool animations implemented with Jetpack compose

Jetpack-compose-animations-examples This repository consists of 4 animations: St

Canopas Software 180 Jan 2, 2023
📱 WhatsApp clone project demonstrates modern Android development built with Jetpack Compose and Stream Chat SDK for Compose.

This is a WhatsApp clone app built with Jetpack Compose and Stream Chat SDK for Compose. The purpose of this repository is to demonstrate below: Imple

Stream 689 Dec 25, 2022
A Slack demo app for desktop using Jetpack Compose UI toolkit

ComposeSlackDesktop A Slack demo app for desktop using Jetpack Compose UI toolkit Demo Jetpack Compose Jetpack Compose is Android’s modern toolkit (no

Vipul Asri 252 Dec 31, 2022
Google CodeLab: learn how to use some Animation APIs in Jetpack Compose.

Compose Animation Codelab This folder contains the source code for the Compose Animation codelab. In this codelab, you will learn how to use some Anim

Ryan Wong 0 Dec 26, 2021
Examples of ParallaxView and ParallaxScrollEfect are in the repo. You can find the necessary titles and outputs in the continuation of the Readme file. 🪞

Parallax Examples : Examples of ParallaxView and ParallaxScrollEfect are in the repo. You can find the necessary titles and outputs in the continuatio

Nisa Efendioğlu 5 Jul 29, 2022
Building a Simple Photo App with Jetpack Compose, CameraX, and Kotlin coroutines

Building a Simple Photo App with Jetpack Compose, CameraX, and Kotlin coroutines This repository holds code created as part of the aforementioned tuto

david 30 Dec 9, 2022
A framework for building responsive Android apps using Jetpack Compose

Jetmagic - A framework for building responsive Android apps using Jetpack Compose Jetmagic is an Android framework that can be used to develop respons

Johann Blake 93 Dec 17, 2022
A minimalist framework for rapidly building Jetpack compose apps.

VelocityX Show some ❤️ and star the repo. Subscribe to Codepur VelocityX is a 100% free Jetpack open-source minimalist UI Framework built with Kotlin

Pawan Kumar 24 Oct 29, 2022
Stock Ticker / Watchlist App being used as an excuse to learn Compose and other Jetpack libs.

StockTicker App Simple app that displays a few FAANG stock tickers and allows the user to search for and add different tickers to a watchlist. API Key

Alex Hart 2 Aug 26, 2022