Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/cl3m/multiplatform-compose

A demo to show usage of Jetbrains Compose in Android and iOS.
https://github.com/cl3m/multiplatform-compose

ios jetpack-compose kotlin kotlin-library kotlin-multiplatform kotlin-multiplatform-library kotlin-multiplatform-mobile kotlin-native multiplatform uikit

Last synced: 3 months ago
JSON representation

A demo to show usage of Jetbrains Compose in Android and iOS.

Host: GitHub
URL: https://github.com/cl3m/multiplatform-compose
Owner: cl3m
License: apache-2.0
Created: 2021-01-08T19:33:33.000Z (over 3 years ago)
Default Branch: develop
Last Pushed: 2022-11-18T20:36:45.000Z (over 1 year ago)
Last Synced: 2024-01-20T19:34:59.386Z (6 months ago)
Topics: ios, jetpack-compose, kotlin, kotlin-library, kotlin-multiplatform, kotlin-multiplatform-library, kotlin-multiplatform-mobile, kotlin-native, multiplatform, uikit
Language: Kotlin
Homepage:
Size: 1.54 MB
Stars: 576
Watchers: 30
Forks: 32
Open Issues: 0
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md

Lists

awesome-kotlin-multiplatform - Multiplatform Compose - A Kotlin library to use Jetpack Compose in Android and iOS. Allow to write UI for both in Kotin. (UI / SQL)

README

        [![Kotlin Multiplatform](https://img.shields.io/static/v1?logo=Kotlin&&logoColor=3c94cf&label=&message=Kotlin%20Multiplatform&color=555)](https://kotlinlang.org/docs/reference/multiplatform.html)

# Multiplatform Compose

A demo to show usage of Jetbrains Compose in Android and iOS. Originally a Jetpack Compose implementation with native view and yoga for iOS.

## Table of contents

- [Libraries](#libraries)

- [Demos](#demos)

- [Troubleshooting](#troubleshooting)

- [Alternatives](#alternatives)

- [License](#license)

## Libraries

- kotlinx coroutines

- ktor

- Jetbrains Compose (uikit experimental)

- [PreCompose](https://github.com/Tlaster/PreCompose) (for navigation)

## Demos

Run the app to see a demo of compose on ios.

![Demos](https://github.com/cl3m/multiplatform-compose/blob/compose-jb/screenshots/Demos.png?raw=true)

#### AsyncImage

The image composable allow url loading

```kotlin

AsyncImage(url = "https://loremflickr.com/320/240/ocean", modifier = Modifier.size(200.dp))

```

#### SafeArea

SafeArea.current to get PaddingValues.

#### DarkMode

DarkMode.current to fix dark mode on iOS.

## Troubleshooting

### e: java.lang.IllegalStateException: No file for ***

Compose function and CompositonLocal have to be internal and not exposed to iOS module.

## Alternatives

- [Compose Multiplatform by JetBrains](https://github.com/JetBrains/compose-jb) started native support via Skia ([Skiko](https://github.com/JetBrains/skiko)), you can have a look at the [sample](https://github.com/JetBrains/compose-jb/tree/master/experimental/examples/falling-balls-mpp). Touchlab made a demo for [Droidcon NYC App](https://touchlab.co/droidcon-nyc-ios-app-with-compose/) It will use the compose compiler but not native component.  

- [Redwood Compose](https://github.com/cashapp/redwood) by Cash App. [Native UI with multiplatform Compose](https://jakewharton.com/native-ui-with-multiplatform-compose/). Use the compose compiler and native iOS component. 

- [Platform-Kit by IceRock](https://github.com/Alex009/compose-jb/tree/platform-kit-sample/examples/common-platform-uikit) based on Compose Multiplatform by JetBrains, add support via UIKit, thus use the compose compiler and native iOS component.  

- [multiplatform-compose](https://github.com/cl3m/multiplatform-compose/tree/yoga) This original repo, an experiment with native view and yoga for layout. You can also have a look at [kmp-redux](https://github.com/cl3m/kmp-redux/tree/skiko) that show Compose integration with SwiftUI. 

## License

    Copyright 2021 Clément Beffa

    

    Licensed under the Apache License, Version 2.0 (the "License");

    you may not use this file except in compliance with the License.

    You may obtain a copy of the License at

    

       http://www.apache.org/licenses/LICENSE-2.0

    

    Unless required by applicable law or agreed to in writing, software

    distributed under the License is distributed on an "AS IS" BASIS,

    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

    See the License for the specific language governing permissions and

    limitations under the License.