Compose Multiplatform, a modern UI framework for Kotlin that makes building performant and beautiful user interfaces easy and enjoyable.
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.
 
 
 
 
Igor Demin defc39cb23 Compose 1.7.1 1 year ago
..
.run Move experimental/examples to examples (#2976) 3 years ago
androidApp Update Android target SDK to 35 (#5152) 1 year ago
desktopApp Update kotlin version in examples (#4844) 2 years ago
gradle/wrapper Updated example's versions (#5155) 1 year ago
iosApp Add support for high-refresh rate displays in examples (#5104) 1 year ago
kotlin-js-store Update kotlin version in examples (#4844) 2 years ago
mapview-desktop Update kotlin version in examples (#4844) 2 years ago
screenshots Add served web demo for the imageviewer (#5116) 1 year ago
shared Update Android target SDK to 35 (#5152) 1 year ago
webApp ImageViewer: workaround k/wasm configuration cache issue KT-68614 (#4891) 2 years ago
.gitignore Move experimental/examples to examples (#2976) 3 years ago
NOTICE.md Update ImageViewer example according to PR discussion (#4755) 2 years ago
README.md Add served web demo for the imageviewer (#5116) 1 year ago
build.gradle.kts Move experimental/examples to examples (#2976) 3 years ago
default.local.properties Move experimental/examples to examples (#2976) 3 years ago
gradle.properties Compose 1.7.1 1 year ago
gradlew Update gradle wrappers (#3050) 3 years ago
gradlew.bat Update gradle wrappers (#3050) 3 years ago
settings.gradle.kts Update kotlin version in examples (#4844) 2 years ago

README.md

Imageviewer

An example of an image gallery with camera and map support based on Compose Multiplatform (desktop, Web, Android and iOS).

Static Badge.

Setting up your development environment

To setup the environment, please consult these instructions.

How to run

If you already runned this sample before, then you need to execute command at least once: /gradlew podInstall

Choose a run configuration for an appropriate target in IDE and run it.

run-configurations.png

Run on desktop via Gradle

./gradlew desktopApp:run

Building native desktop distribution

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

Run on Web via Gradle

Note: Web support is in Alpha. It may be changed at any time. You can use it in scenarios before production. We would appreciate your feedback in GitHub.

./gradlew :webApp:wasmJsRun

Running Android application

  • Get a Google Maps API key
  • Add to local.properties file located in the root directory (create if it doesn't exist):
    • MAPS_API_KEY=YOUR_KEY where YOUR_KEY is your key from previous step;
    • sdk.dir=YOUR_SDK_PATH where YOUR_SDK_PATH is a path to Android SDK in your system.
  • Open project in IntelliJ IDEA or Android Studio and run androidApp configuration.