ProductPromotion
Logo

Kotlin

made by https://0x3d.site

GitHub - android/compose-samples: Official Jetpack Compose samples.
Official Jetpack Compose samples. Contribute to android/compose-samples development by creating an account on GitHub.
Visit Site

GitHub - android/compose-samples: Official Jetpack Compose samples.

GitHub - android/compose-samples: Official Jetpack Compose samples.

Jetpack Compose Samples

This repository contains a set of individual Android Studio projects to help you learn about Compose in Android. Each sample demonstrates different use cases, complexity levels and APIs.

For more information, please read the documentation.

💻 Requirements

To try out these sample apps, you need to use Android Studio. You can clone this repository or import the project from Android Studio following the steps here.

🧬 Samples

Project
A sample blog post viewer that demonstrates the use of Compose with a typical Material app and real-world architecture. • Medium complexity• Varied UI• Light & dark themes• Resource loading• UI Testing > Browse
A sample chat app that focuses on UI state patterns and text input.• Low complexity• Material Design 3 theme and Material You dynamic color• Resource loading• Back button handling• Integration with Architecture Components: Navigation, Fragments, LiveData, ViewModel• Animation• UI Testing> Browse
Jetsnack is a sample snack ordering app built with Compose.• Medium complexity• Custom design system• Custom layouts• Animation> Browse
A sample podcast app that features a full-featured, Redux-style architecture and showcases dynamic themes.• Advanced sample• Dynamic theming using podcast artwork• Image fetching• WindowInsets support• Coroutines• Local storage with Room> Browse
A compose implementation of the Reply material study, an email client app that focuses on adaptive design for mobile, tablets and foldables. It also showcases brand new Material design 3 theming, dynamic colors and navigation components.• Medium complexity• Adaptive UI for phones, tablet and desktops• Foldable support• Material 3 theming & Components• Dynamic colors and Light/Dark theme support> Browse
A sample sleep tracker app, showcasing how to create custom layouts and graphics in Compose• Custom Layouts• Graphs with Paths> Browse

🧬 Additional samples

Project
An app for keeping up to date with the latest news and developments in Android.• Jetpack Compose first app.• Implements the recommended Android Architecture Guidelines • Integrates Jetpack Libraries holistically in the context of a real world app> Browse
A catalog of Material Design components and features available in Jetpack Compose. See how to implement them and how they look and behave on real devices.• Lives in AOSP—always up to date• Uses the same samples as API reference docs• Theme picker to change Material Theming values at runtime• Links to guidelines, docs, source code, and issue tracker> Browse on AOSP

High level features

Looking for a sample that has the following features?

Custom Layouts

Theming

Animations

Text

Large Screens

TV

Wear

Formatting

To automatically format all samples: Run ./scripts/format.sh To check one sample for errors: Navigate to the sample folder and run ./gradlew --init-script buildscripts/init.gradle.kts spotlessCheck To format one sample: Navigate to the sample folder and run ./gradlew --init-script buildscripts/init.gradle.kts spotlessApply

Updates

To update dependencies to their new stable versions, run:

./scripts/updateDeps.sh

To make any other manual updates to dependencies (ie add a new dependency or set an alpha version), update the /scripts/libs.versions.toml file with changes, and then run duplicate_version_config.sh to propogate the changes to all other samples. You can also update the toml-updater-config.gradle file with changes that need to propogate to each sample.

License

Copyright 2024 The Android Open Source Project

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

    https://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.

More Resources
to explore the angular.

mail [email protected] to add your project or resources here 🔥.

Related Articles
to learn about angular.

FAQ's
to learn more about Angular JS.

mail [email protected] to add more queries here 🔍.

More Sites
to check out once you're finished browsing here.

0x3d
https://www.0x3d.site/
0x3d is designed for aggregating information.
NodeJS
https://nodejs.0x3d.site/
NodeJS Online Directory
Cross Platform
https://cross-platform.0x3d.site/
Cross Platform Online Directory
Open Source
https://open-source.0x3d.site/
Open Source Online Directory
Analytics
https://analytics.0x3d.site/
Analytics Online Directory
JavaScript
https://javascript.0x3d.site/
JavaScript Online Directory
GoLang
https://golang.0x3d.site/
GoLang Online Directory
Python
https://python.0x3d.site/
Python Online Directory
Swift
https://swift.0x3d.site/
Swift Online Directory
Rust
https://rust.0x3d.site/
Rust Online Directory
Scala
https://scala.0x3d.site/
Scala Online Directory
Ruby
https://ruby.0x3d.site/
Ruby Online Directory
Clojure
https://clojure.0x3d.site/
Clojure Online Directory
Elixir
https://elixir.0x3d.site/
Elixir Online Directory
Elm
https://elm.0x3d.site/
Elm Online Directory
Lua
https://lua.0x3d.site/
Lua Online Directory
C Programming
https://c-programming.0x3d.site/
C Programming Online Directory
C++ Programming
https://cpp-programming.0x3d.site/
C++ Programming Online Directory
R Programming
https://r-programming.0x3d.site/
R Programming Online Directory
Perl
https://perl.0x3d.site/
Perl Online Directory
Java
https://java.0x3d.site/
Java Online Directory
Kotlin
https://kotlin.0x3d.site/
Kotlin Online Directory
PHP
https://php.0x3d.site/
PHP Online Directory
React JS
https://react.0x3d.site/
React JS Online Directory
Angular
https://angular.0x3d.site/
Angular JS Online Directory