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.
1224 Commits
246 Branches
378 Tags
388 MiB
 
 
 
 
Tree: 9697f8fe6d
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '9697f8fe6d'
${ noResults }
compose-jb/examples/todoapp
Igor Demin dbd0a21949
Modify replace.sh for replacing Compose version (#1511) 		3 years ago
..
android Fix Todo example for Android 3 years ago
buildSrc Modify replace.sh for replacing Compose version (#1511) 3 years ago
common Move examples to 1.0.0-beta5 3 years ago
desktop corrrect package name in nativeDistributions (#1042) 3 years ago
gradle/wrapper Move examples to 1.0.0-beta5 3 years ago
ios Migrated TodoApp sample iOS app to embedAndSignAppleFrameworkForXcode (#1187) 3 years ago
screenshots Update TodoApp example readme with Web app (#796) 4 years ago
web web: update web examples to 1.0.0-rc12 (#1517) 3 years ago
.gitignore Unify .gitignore across all examples and templates 4 years ago
README.md Update TodoApp example readme with Web app (#796) 4 years ago
build.gradle.kts Free todoapp from jcenter (#592) 4 years ago
gradle.properties Add iOS target and app for todoapp example (#166) 4 years ago
gradlew Rename app folder to todoapp 4 years ago
gradlew.bat Rename app folder to todoapp 4 years ago
settings.gradle.kts Add web app for the TodoApp example (#778) 4 years ago

README.md

An example of Kotlin Multiplatform todo app with shared Android/Desktop Compose UI and SwiftUI (not Compose) iOS.

This example supports the following targets:

  • Android (Compose)
  • Desktop/JVM (Compose)
  • Web/JavaScript (Compose)
  • iOS (SwiftUI, not Compose)

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 modules:

  • :common:utils - just some useful helpers
  • :common:database - SQLDelight database definition
  • :common:main - displays a list of todo items and a text field
  • :common:edit - accepts an item id and allows editing
  • :common:root - navigates between main and edit screens
  • :common:compose-ui - Shared Compose UI for Android and Desktop
  • :android - Android application
  • :desktop - Desktop application
  • :web - Web browser application + Compose Web UI
  • ios - iOS Xcode project

The root module is integrated into Android, Desktop and iOS (non-Compose) 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
  • Pluggable UI - Compose UI for Android, Desktop and Web, SwiftUI (not Compose) for iOS

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.

Running Web browser application

./gradlew :web:jsBrowserDevelopmentRun

Running iOS application

Open and build the Xcode project located in ios folder.

Desktop