# Jetpack-Compose-Playground **Repository Path**: github-ref/Jetpack-Compose-Playground ## Basic Information - **Project Name**: Jetpack-Compose-Playground - **Description**: No description available - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-02-25 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README

Jetpack Compose Playground

[![jCenter](https://img.shields.io/badge/MIT-green.svg)](https://github.com/Foso/Jetpack-Compose-Playground/blob/master/LICENSE) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) [![jCenter](https://img.shields.io/badge/Compose-dev05-green.svg )](https://github.com/Foso/MpApt/blob/master/LICENSE) [![All Contributors](https://img.shields.io/badge/all_contributors-3-range.svg?style=flat-square)](#contributors) Tweet > A Jetpack Compose Example App

## Introduction πŸ™‹β€β™‚οΈ This is an Jetpack Compose example project. I'm collecting a bunch of sample codes for Widgets/Composables https://developer.android.com/jetpack/compose. You can find the samples i got from the Google AndroidX git [here](https://github.com/Foso/Jetpack-Compose-Playground/tree/master/compose/src/main/java/androidx/ui) > :information_source: Please be aware that Compose is still experimental and should not be used in a production application. ### Show some :heart: and star the repo to support the project [![GitHub stars](https://img.shields.io/github/stars/Foso/Jetpack-Compose-Playground.svg?style=social&label=Star)](https://github.com/Foso/Jetpack-Compose-Playground) [![GitHub forks](https://img.shields.io/github/forks/Foso/Jetpack-Compose-Playground.svg?style=social&label=Fork)](https://github.com/Foso/Jetpack-Compose-Playground/fork) [![GitHub watchers](https://img.shields.io/github/watchers/Foso/Jetpack-Compose-Playground.svg?style=social&label=Watch)](https://github.com/Foso/Jetpack-Compose-Playground) [![Twitter Follow](https://img.shields.io/twitter/follow/jklingenberg_.svg?style=social)](https://twitter.com/jklingenberg_) ## πŸ“™ Components Documentation avaible at: https://github.com/Foso/Jetpack-Compose-Playground/wiki # How to get started? * [How to write a Compose function ?](https://github.com/Foso/Jetpack-Compose-Playground/wiki/Hello-World-Compose) * [Get Android Context in Compose Function ?](https://github.com/Foso/Jetpack-Compose-Playground/wiki/Get-Android-Context-in-Compose-Function) # Lifecycle * [Lifecycle](https://github.com/Foso/Jetpack-Compose-Playground/wiki/Lifecycle) # Layouts * [Stack](https://github.com/Foso/Jetpack-Compose-Playground/wiki/Stack) * Flex * [VerticalScroller](https://github.com/Foso/Jetpack-Compose-Playground/wiki/VerticalScroller) * [HorizontalScroller](https://github.com/Foso/Jetpack-Compose-Playground/wiki/HorizontalScroller) * [Column](https://github.com/Foso/Jetpack-Compose-Playground/wiki/Column) * [Row](https://github.com/Foso/Jetpack-Compose-Playground/wiki/Row) * Container * [Padding](https://github.com/Foso/Jetpack-Compose-Playground/wiki/Padding) * [How to draw to canvas?](https://github.com/Foso/Jetpack-Compose-Playground/wiki/How-to-draw-to-canvas%3F) # GestureDetectors * [PressGestureDetector](https://github.com/Foso/Jetpack-Compose-Playground/wiki/PressGestureDetector) * [Draggable](https://github.com/Foso/Jetpack-Compose-Playground/wiki/Draggable) * [Clickable](https://github.com/Foso/Jetpack-Compose-Playground/wiki/Clickable) # Material * [Switch](https://github.com/Foso/Jetpack-Compose-Playground/wiki/Switch) * [Checkbox](https://github.com/Foso/Jetpack-Compose-Playground/wiki/Checkbox) * [RadioGroup](https://github.com/Foso/Jetpack-Compose-Playground/wiki/RadioGroup) * [AlertDialog](https://github.com/Foso/Jetpack-Compose-Playground/wiki/AlertDialog) # 🏠 Architecture ## πŸ› οΈ Built With ### Kotlin [![jCenter](https://img.shields.io/badge/Kotlin-1.3.61-green.svg)]() ### Project Structure You need at least Android Studio 4.0 to build this project https://developer.android.com/studio/preview/ * app - Base android project directory * compose - a android library module that is using the compose libraries. It contains my example/test functions and the demo classes i copied out of the AndroidX repo (https://android.googlesource.com/platform/frameworks/support/+/androidx-master-dev/ui/material/integration-tests/) # Resources ## Content - [Official Documentation](#Official-Documentation) - [Other Documentation](#Other-Documentation) - [Conference talks](#Conference-talks) - [Articles](#Articles) - [SpeakerDeck](#SpeakerDeck) - [Podcasts](#Podcasts) - [Tutorials](#Tutorials) - [Extras](#Extras) ## Official Documentation - [Jetpack compose](https://developer.android.com/jetpack/compose) - [Jetpack compose Readme](https://android.googlesource.com/platform/frameworks/support/+/refs/heads/androidx-master-dev/ui/README.md) ## Other Documentation - [FAQ about Jetpack Compose – Android’s modern toolkit for building native UI](https://github.com/Mishkun/jetpack-compose-faq) - [This Wiki](https://github.com/Foso/Jetpack-Compose-Playground/wiki) ## Conference Talks [![](https://1.bp.blogspot.com/-xon4k5b6b2c/XiejV5fOr0I/AAAAAAAAN8s/boKWh5GfM3EsydjxhS3MUlIWGsuUbAJjACLcBGAsYHQ/s320/IMG_20200108_145939.jpg)](http://androidbackstage.blogspot.com/2020/01/episode-131-jetpack-compose-and.html "") - [Android Developers Backstage : Episode 131: Jetpack Compose and Declarative UIs ](http://androidbackstage.blogspot.com/2020/01/episode-131-jetpack-compose-and.html) [![](https://img.youtube.com/vi/6BRlI5zfCCk/0.jpg)](https://www.youtube.com/watch?v=6BRlI5zfCCk "") - [KotlinConf 2019: The Compose Runtime, Demystified by Leland Richardson](https://www.youtube.com/watch?v=6BRlI5zfCCk) [![](https://img.youtube.com/vi/WqnR_XhEiVI/0.jpg)](https://www.youtube.com/watch?v=WqnR_XhEiVI "") - [KotlinConf 2019: Compose Yourself: Designing a Kotlin First UI Toolkit by Anna-Chiara & Clara](https://www.youtube.com/watch?v=WqnR_XhEiVI) [![](https://img.youtube.com/vi/dtm2h-_sNDQ/0.jpg)](https://www.youtube.com/watch?v=dtm2h-_sNDQ&list=PLWz5rJ2EKKc_xXXubDti2eRnIKU0p7wHd&index=8&t=0s "") - [What's New in Jetpack Compose (Android Dev Summit '19)](https://www.youtube.com/watch?v=dtm2h-_sNDQ&list=PLWz5rJ2EKKc_xXXubDti2eRnIKU0p7wHd&index=8&t=0s) [![](https://img.youtube.com/vi/Q9MtlmmN4Q0/0.jpg)](https://www.youtube.com/watch?v=Q9MtlmmN4Q0 "") - [Understanding Compose (Android Dev Summit '19)](https://www.youtube.com/watch?v=Q9MtlmmN4Q0) [![](https://img.youtube.com/vi/oEy6nJaMtLM/0.jpg)](https://www.youtube.com/watch?v=oEy6nJaMtLM "") - [#AskAndroid at Android Dev Summit 2019 - Jetpack Compose](https://www.youtube.com/watch?v=oEy6nJaMtLM) - [Google IO19 - Declarative UI patterns](https://youtu.be/VsStyq4Lzxo) - [DroidconBerlin - Jetpack Compose β€” Next Gen Kotlin UI Toolkit for Android](https://www.droidcon.com/media-detail?video=353079951) - [DroidconBerlin - Jumping into Jetpack Compose way too early to see what's inside](https://www.droidcon.com/media-detail?video=352686988) - [KotlinEverywhere - Jetpack Compose](https://www.youtube.com/watch?v=I5zRmCheVVg) - [DevFest Kolkata 2019 - Let's Talk Composing UI](https://www.youtube.com/watch?v=kfNC-MKAGzc) ## Articles - [Diving into Jetpack Compose](https://medium.com/q42-engineering/android-jetpack-compose-895b7fd04bf4) - [Compose From First Principles](http://intelligiblebabble.com/compose-from-first-principles/) - [Writing Android UI Code in Jetpack Compose (1 of 2)](https://www.rivu.dev/writing-android-ui-code-in-jetpack-compose/) - [Jetpack Compose: Optimism and Opportunity](https://commonsware.com/blog/2019/06/04/jetpack-compose-optimism-opportunity.html) - [Android Jetpack Compose Review](https://blog.karumi.com/android-jetpack-compose-review/) - [SwiftUI vs. Jetpack Compose](https://quickbirdstudios.com/blog/swiftui-vs-android-jetpack-compose/) - [Android Jetpack Compose First Impression](https://weekly-geekly.github.io/articles/461101/index.html) ## SpeakerDeck - [Jetpack @Compose](https://speakerdeck.com/ragunathjawahar/jetpack-compose-next-gen-kotlin-ui-toolkit-for-android) - [Jetpack Compose β€” Next Gen Kotlin UI Toolkit for Android](https://speakerdeck.com/ragunathjawahar/jetpack-compose-next-gen-kotlin-ui-toolkit-for-android-7f94e1f2-d99c-427c-a09e-e0d219d1aa22) - [Shifting Paradigms](https://speakerdeck.com/ragunathjawahar/shifting-paradigms) ## Podcasts - [**Android Developer backstage** - Episode 115: Jetpack Compose](http://androidbackstage.blogspot.com/2019/06/episode-115-jetpack-compose.html) - [**Fragmented Podcast** - Episode 171: Jetpack Compose with Leland Richardson](https://fragmentedpodcast.com/episodes/172/) - [**Google podcast** - Romain Guy – Podcast S09 E09](https://podcasts.google.com/?feed=aHR0cHM6Ly93d3cucmF5d2VuZGVybGljaC5jb20vY2F0ZWdvcnkvcG9kY2FzdC9mZWVk&episode=aHR0cHM6Ly93d3cucmF5d2VuZGVybGljaC5jb20vP3A9MjMxMjI0&hl=en-IN&ep=6&at=1567914736470) ## Tutorials - [Raywenderlich - Jetpack Compose Primer](https://www.raywenderlich.com/3604589-jetpack-compose-primer/lessons/1) ## Extras - [Video - Kotlin and Jetpack Compose](https://www.youtube.com/watch?v=KjQU_QrlbEI) - `#compose` channel on [Kotlin Slack](https://surveys.jetbrains.com/s3/kotlin-slack-sign-up) Feel free to contribute! # What is Jetpack Compose Links: * [Jetpack Compose Tutorial ](https://developer.android.com/jetpack/compose) * [Compose Readme](https://android.googlesource.com/platform/frameworks/support/+/refs/heads/androidx-master-dev/compose/) * [Compose from first Principles ](http://intelligiblebabble.com/compose-from-first-principles/) ## ✍️ Feedback If you want to improve Compose, join the [Kotlin Slack](https://slack.kotlinlang.org) and the #compose channel or file a bug at https://issuetracker.google.com/issues?q=componentid:612128 ## πŸ“œ License This project is licensed under the MIT License - see the [LICENSE.md](https://github.com/Foso/Jetpack-Compose-Playground/blob/master/LICENSE) file for details ### Find this project useful ? :heart: * Support it by clicking the :star: button on the upper right of this page. :v: License ------- ``` MIT License Copyright (c) 2019 Jens Klingenberg Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ``` ## Acknowledgments Projects that helped me understand how to setup the project: * [Mishkun/try-compose ](https://github.com/Mishkun/try-compose)