Примеры Kotlin Multiplatform

Официальное приложение KotlinConf

Приложение-компаньон для KotlinConf. Клиентское приложение для Android, iOS, настольных компьютеров и веба создано с общим пользовательским интерфейсом на Compose Multiplatform. Серверное приложение работает на серверном фреймворке Ktor и библиотеке для работы с базами данных Exposed.

• Пользовательский интерфейс

• Модель

• Работа с сетью

• Хранение данных

• kotlinx-serialization

• kotlinx-datetime

• kotlinx-coroutines

• ktor-client

• ktor-server

• multiplatform-settings

• Jetpack Compose на Android

• Compose Multiplatform на iOS, настольных компьютерах и вебе

Просмотр изображений

Приложение для создания, просмотра и хранения изображений. Поддерживает карты. Для пользовательского интерфейса используется Compose Multiplatform. Представлено на KotlinConf 2023.

• Пользовательский интерфейс

• Модель

• Работа с сетью

• Анимация

• Хранение данных

• kotlinx-serialization

• kotlinx-datetime

• kotlinx-coroutines

• play-services-maps

• play-services-locations

• android-maps-compose

• accompanist-permissions

• Jetpack Compose на Android

• Compose Multiplatform на iOS, настольных компьютерах и вебе

Чат

Пример встраивания компонентов Compose Multiplatform в интерфейс SwiftUI. Сценарий использования — обмен сообщениями в интернете.

• Пользовательский интерфейс

• Модель

• Работа с сетью

• Jetpack Compose на Android

• Compose Multiplatform на iOS, настольных компьютерах и вебе

• SwiftUI на iOS

Jetcaster Multiplatform

Пример приложения Jetcaster на Compose адаптирован для нескольких платформ: к исходной версии для Android добавлены платформы iOS и настольных компьютеров. Пользовательский интерфейс перенесен на Compose Multiplatform, а несколько библиотек заменены их многоплатформенными версиями или аналогами. Обоснование и процесс переноса описаны в руководстве по переносу Jetcaster.

• Модель

• Работа с сетью

• Пользовательский интерфейс

• Хранение данных

• coil

• koin

• kotlinx-coroutines

• kotlinx-datetime

• kotlin-test

• ktor-client

• Room

• Compose Multiplatform на Android, iOS и настольных компьютерах

KMM RSS Reader

Пример приложения для чтения RSS-лент, созданный для демонстрации использования Kotlin Multiplatform в производственной среде. Пользовательский интерфейс реализован нативно, но в экспериментальной ветке показано, как Compose Multiplatform можно использовать на iOS и настольных компьютерах. Для работы с сетью используется HTTP-клиент Ktor, а разбор XML реализован нативно. Для совместного использования состояния пользовательского интерфейса применяется архитектура Redux.

• Модель

• Работа с сетью

• Состояние пользовательского интерфейса

• Хранение данных

• kotlinx-serialization

• kotlinx-coroutines

• ktor-client

• voyager

• coil

• multiplatform-settings

• napier

• SQLDelight

• Jetpack Compose на Android

• Compose Multiplatform на iOS и настольных компьютерах (в экспериментальной ветке)

• SwiftUI на iOS

Пример Kotlin Multiplatform

Простое приложение-калькулятор. Показывает, как интегрировать Kotlin и нативный код с помощью ожидаемых и фактических объявлений.

Алгоритмы

• Jetpack Compose на Android

• SwiftUI

Confetti

Демонстрация множества различных возможностей Kotlin Multiplatform и Compose Multiplatform. Сценарий использования — приложение для получения и отображения информации о расписании конференций. Поддерживаются платформы Wear и Auto. Для обмена данными между клиентом и сервером используется GraphQL. Архитектура подробно обсуждается в докладе на KotlinConf 2023.

• Пользовательский интерфейс

• Модель

• Работа с сетью

• Хранение данных

• Навигация

• kotlinx-serialization

• kotlinx-datetime

• kotlinx-coroutines

• decompose

• koin

• jsonpathkt-kotlinx

• horologist

• google-cloud

• firebase

• bare-graphql

• apollo

• accompanist

• Jetpack Compose на Android, Auto и Wear

• Compose Multiplatform на iOS, настольных компьютерах и вебе

People In Space

Демонстрация множества платформ, на которых может работать Kotlin Multiplatform. Приложение показывает, сколько людей сейчас находится в космосе, а также положение Международной космической станции.

• Модель

• Работа с сетью

• Хранение данных

• kotlinx-serialization

• kotlinx-coroutines

• kotlinx-datetime

• ktor-client

• koin

• multiplatform-settings

• SQLDelight

• Jetpack Compose на Android и Wear OS

• Compose Multiplatform на iOS, настольных компьютерах и вебе

• SwiftUI на iOS и macOS

Sessionize / Droidcon

Приложение для просмотра программы мероприятий Droidcon, использующее API Sessionize. Его можно настроить для любого мероприятия, в котором доклады хранятся в Sessionize. Интегрировано с Firebase, поэтому для работы требуется учетная запись Firebase.

• Пользовательский интерфейс

• Модель

• Работа с сетью

• Хранение данных

• kotlinx-coroutines

• kotlinx-datetime

• ktor-client

• koin

• multiplatform-settings

• firebase

• kermit

• accompanist

• hyperdrive-multiplatformx

• SQLDelight

• Jetpack Compose на Android

• Compose Multiplatform на iOS

KaMPKit

Набор кода и инструментов для разработки на Kotlin Multiplatform. Предназначен для демонстрации библиотек, архитектурных решений и лучших практик создания приложений Kotlin Multiplatform. Сценарий использования — загрузка и отображение информации о породах собак. Представлен в этом видеоруководстве.

• Модель

• Работа с сетью

• ViewModel

• Хранение данных

• ktor-client

• koin

• multiplatform-settings

• kermit

• SQLDelight

• Jetpack Compose на Android

• SwiftUI на iOS

NYTimes KMP

Версия приложения New York Times на основе Compose Multiplatform. Позволяет пользователям просматривать и читать статьи. Обратите внимание: для сборки и запуска приложения потребуется ключ API от New York Times.

• Пользовательский интерфейс

• Модель

• Работа с сетью

• kotlinx-serialization

• kotlinx-datetime

• kotlinx-coroutines

• ktor-client

• molecule

• decompose

• horologist

• Jetpack Compose на Android и Wear

• Compose Multiplatform на iOS, настольных компьютерах и в вебе

Focus Bloom

Приложение для повышения продуктивности и управления временем. Позволяет пользователям планировать задачи и дает обратную связь об их достижениях.

• Пользовательский интерфейс

• Модель

• Анимация

• Хранение данных

• kotlinx.serialization

• kotlinx.coroutines

• kotlinx.datetime

• koin

• navigation-compose

• multiplatform-settings

• SQLDelight

• Compose Multiplatform на Android, iOS и настольных компьютерах

Recipe App

Демонстрационное приложение для просмотра рецептов. Показывает использование анимации.

• Пользовательский интерфейс

• Модель

• Хранение данных

kotlinx-coroutines

• Jetpack Compose на Android

• Compose Multiplatform на iOS, настольных компьютерах и в вебе

D-KMP-sample

Пример приложения для декларативных пользовательских интерфейсов с архитектурой Kotlin Multiplatform. В качестве примера использования приложение получает и отображает статистику вакцинации для разных стран.

• Работа с сетью

• Хранение данных

• ViewModel

• Навигация

• ktor-client

• multiplatform-settings

• SQLDelight

• Jetpack Compose на Android

• SwiftUI на iOS

Notflix

Приложение получает данные из The Movie Database, чтобы показывать популярные в данный момент, предстоящие и самые популярные фильмы и телешоу. Для работы необходимо создать ключ API в The Movie Database.

• Модель

• Работа с сетью

• Кэширование

• ViewModel

• kotlinx-coroutines

• kotlinx-serialization

• kotlinx-datetime

• ktor-client

• multiplatform-settings

• napier

• Jetpack Compose на Android

• SwiftUI на iOS

Twine — RSS-ридер

Twine — мультиплатформенное приложение для чтения RSS-лент, созданное с помощью Kotlin и Compose Multiplatform. В приложении реализованы удобный пользовательский интерфейс и возможности для просмотра лент, а также динамическая темизация на основе содержимого Material 3.

• Модель

• Работа с сетью

• Хранение данных

• Пользовательский интерфейс

• kotlinx-coroutines

• kotlinx-serialization

• kotlinx-datetime

• ktor-client

• napier

• decompose

• Compose Multiplatform на Android и iOS

Shopping By KMP

Кроссплатформенное приложение, созданное с помощью Jetpack Compose Multiplatform — декларативного фреймворка для совместного использования пользовательских интерфейсов на нескольких платформах с Kotlin. Приложение позволяет пользователям просматривать каталог товаров, искать и покупать товары на Android, iOS, в вебе, на настольных компьютерах, Android Automotive и Android TV.

• Модель

• Работа с сетью

• Хранение данных

• Пользовательский интерфейс

• ViewModel

• Анимация

• Навигация

• Состояние пользовательского интерфейса

• Сценарий использования

• Модульный тест

• Тест пользовательского интерфейса

• kotlinx-coroutines

• kotlinx-serialization

• kotlinx-datetime

• ktor-client

• datastore

• koin

• google-map

• navigation-compose

• coil

• kotest

• Compose Multiplatform на Android, iOS, в вебе, на настольных компьютерах, в автомобилях и на Android TV

Music App KMP

Приложение демонстрирует взаимодействие с нативными API, такими как MediaPlayer, на разных платформах. Для получения данных используется Spotify API.

• Модель

• Работа с сетью

• Пользовательский интерфейс

• kotlinx-coroutines

• kotlinx-serialization

• ktor-client

• decompose

• Compose Multiplatform на Android, iOS, настольных компьютерах и в вебе

Rijksmuseum

Rijksmuseum — многомодульное приложение на Kotlin и Compose Multiplatform, которое позволяет с эффектом погружения знакомиться с коллекцией произведений искусства знаменитого музея Rijksmuseum в Амстердаме. Приложение использует API Rijksmuseum для получения и отображения подробной информации о различных произведениях искусства, включая изображения и описания.

• Пользовательский интерфейс

• Модель

• Работа с сетью

• Навигация

• ViewModel

• kotlinx-coroutines

• kotlinx-serialization

• ktor-client

• koin

• navigation-compose

• Coil

• Jetpack ViewModel

• Compose Multiplatform на Android, iOS, настольных компьютерах и в вебе