KMM with jetpack compose and SwiftUI

Transcript

Karan Dhillon, 12 May 2021
KMM with Jetpack Compose
and Swift UI
Build declarative UIs with maximum code sharing

Issue with KMM plugin on AS 4.2

dependencies {
classpath("org.jetbrains.kotlin:kotlin-gradle-plugin:1.5.0-release-764")
classpath("com.android.tools.build:gradle:4.2.0")
}

View Slide

dependencies {
classpath("org.jetbrains.kotlin:kotlin-gradle-plugin:1.5.0")
classpath("com.android.tools.build:gradle:4.2.0")
}

View Slide

Meet the new kids on the block

View Slide

• KMM - Kotlin Multiplatform Mobile

• Jetpack Compose - Android’s modern toolkit for building native UI

• SwiftUI - UI toolkit by Apple to design apps in a declarative manner

View Slide

KMM - KMP, but more emphasis
on mobile

View Slide

Important bits
A Kotlin Mobile Multiplatform project consists of three components:
• Shared module

• Android application

• iOS application

View Slide

Shared module (buildscript)

View Slide

Meet the project

View Slide

Meet the project

View Slide

Shared module (buildscript) Root module (buildscript)

View Slide

Goal : create a facade over networking and
cache service

View Slide

Goal : create a facade over networking and
cache service
First, lets take care of networking

View Slide

Now, we create the cache service

View Slide

By default, SQLDelight plugin reads .sq files from the
sqldelight folder
We create the package specified in the packageName
parameter
Inside it, we create the .sq file with the name of our
database

AppDatabase.sq

AppDatabase.sq

AppDatabase.sq

AppDatabase.sq

AppDatabase.sq

To initialize AppDatabase, we needs to pass an
SqlDriver instance to it