Compose Multiplatform ImagePicker

Android

메인 화면	상세 화면

iOS

메인 화면	상세 화면	다국어 지원

Reference

peekaboo

Article

• 빌표 자료
• [Compose Multiplatform] Coil 을 이용한 Network Image Load
• [Compose Multiplatform] moko-resources 를 이용하여 font 적용하기
• [Compose Multiplatform] moko-resources 라이브러리를 통해 국제화(i18n) 적용하기
• [Compose Multiplatform] Decompose 라이브러리를 통해 Navigation 구현하기

Development

Environment

• IDE : Android Studio Hedgehog, Xcode

Language

• Kotlin, Kotlin Native

Libraries

• AndroidX

  • Activity Compose

• Kotlin Libraries (Coroutine, Serialization)

• Compose

  • Material3

• Coil

• Ktor

• Decompose

• moko-resources

• Napier

• zoomable

Gradle Dependency

• Gradle Version Catalog

ToDo

• 프로젝트에 필요한 라이브러리 의존성 추가
• 이미지 피커 UI 구성
• 공통 로직 작성(expect)
• Android 이미지 피커 로직 구현(actual)
• iOS 이미지 피커 로직 구현(actual)
• moko-resources 라이브러리 적용(Font, String(i18n))
• Decompose 라이브러리 적용(Navigation 및 ViewModel)
• TouchLab SKIE 라이브러리 적용(CommonFlow 를 대체) -> flow 를 사용하지 않음

About

This is a Kotlin Multiplatform project targeting Android, iOS.

• /composeApp is for code that will be shared across your Compose Multiplatform applications. It contains several subfolders:

  • commonMain is for code that’s common for all targets.
  • Other folders are for Kotlin code that will be compiled for only the platform indicated in the folder name. For example, if you want to use Apple’s CoreCrypto for the iOS part of your Kotlin app, iosMain would be the right folder for such calls.

• /iosApp contains iOS applications. Even if you’re sharing your UI with Compose Multiplatform, you need this entry point for your iOS app. This is also where you should add SwiftUI code for your project.

Learn more about Kotlin Multiplatform…