github
/
compose-jb
mirror of https://gitee.com/github-sync-mirror/compose-jb.git
1
0
Fork 0
Code Issues Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
220 Commits
245 Branches
390 Tags
489 MiB
 
 
 
 
Tree: 412213445a
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '412213445a'
${ noResults }
compose-jb/examples/todoapp
Arkadii Ivanov 1b294335a9
Update Decompose to 0.1.1, remove copy-pasted code (#102) 		4 years ago
..
android Update Decompose to 0.1.1, remove copy-pasted code (#102) 4 years ago
buildSrc Update Decompose to 0.1.1, remove copy-pasted code (#102) 4 years ago
common Update Decompose to 0.1.1, remove copy-pasted code (#102) 4 years ago
desktop Update Decompose to 0.1.1, remove copy-pasted code (#102) 4 years ago
gradle/wrapper
…
screenshots Added screenshots for examples. 4 years ago
.gitignore Unify .gitignore across all examples and templates 4 years ago
README.md Added screenshots for examples. 4 years ago
build.gradle.kts
…
gradle.properties
…
gradlew
…
gradlew.bat
…
settings.gradle.kts
…

README.md

An example of Kotlin Multiplatform todo app with shared Jetpack Compose UI.

Supported targets: Android and JVM.

Libraries used:

  • Jetpack Compose - shared UI
  • Decompose - navigation and lifecycle
  • MVIKotlin - presentation and business logic
  • Reaktive - background processing and data transformation
  • SQLDelight - data storage

There are multiple common modules:

  • utils - just some useful helpers
  • database - SQLDelight database definition
  • main - displays a list of todo items and a text field
  • edit - accepts an item id and allows editing
  • root - navigates between main and edit screens

The root module is integrated into both Android and Desktop apps.

Features:

  • 99% of the code is shared: data, business logic, presentation, navigation and UI
  • View state is preserved when navigating between screens, Android configuration change, etc.
  • Model-View-Intent (aka MVI) architectural pattern

Running desktop application

./gradlew :desktop:run

Building native desktop distribution

./gradlew :desktop:package
# outputs are written to desktop/build/compose/binaries

Running Android application

Open project in Intellij IDEA or Android Studio and run "android" configuration.

Desktop