Compose Multiplatform for iOS and Android

Explore Kotlin's null safety by using nullable and non-nullable types, and learn how the lateinit keyword postpones initialization until you assign a value, avoiding uninitialized property access exception.

Update the Kotlin plugin in Android Studio if your IDE isn’t the latest version; go to settings, search for Kotlin, and verify whether an update is needed.

Learn to bootstrap a compose multi-platform project with the KMP wizard from JetBrains, generating an initial calculator app and configuring its name and package for Android and iOS.

Open the project in Android Studio, review Gradle build and folder structure, focusing on the compose app, iOS app, and src; delete the sample UI code to start from scratch.

Design flat calculator buttons with a compose function, using modifiers, text, background and content colors, and onClick to pass the button label, preparing digit and operator buttons.

Show how to run the calculator app in an iOS emulator with a consistent operator weight, then outline styling and color palette management for modifiers in part 2.

Define a cohesive app look with a material theme and a composable called team colors that returns a color set: gray, dark primary variant, and orange secondary for operator buttons.

Style the calculator buttons with team colors to match the design, then implement the logic to make the user interface function like a calculator.

Reuse a single composite onboarding structure across screens to maintain consistent next button, text, and image shapes and positioning.

Implement onboarding screens for DishPal using compose multiplatform, creating image headers, string resources, and a reusable next button, then adjust paddings and alignments for Android and iOS.

Present the main screen after onboarding, featuring a header, a screen container, and button navigation for a multiplatform iOS and Android app.

Import svg icons from the Figma design using the Android resource manager, move them to compose resources drawables, and access them in shared code after the build.

Explore how the home screen, header, screen container, and bottom nav bar are wired together, with onboarding advancing to home and the navigation view model displaying the main screen.

Load posts in the home view model's init method to populate the feed and add image banner titles, icon resources for like, share, and comments, with tint and card padding.

Run the app, fix serialization by marking data classes as serializable and adding a default create user ID; the serializer analyzer errors clear and the same results appear on iOS.

Define platform-specific instances of the local database using expect actuals, wiring the Android application context to initialize a Room database in platform-specific code.

Explore deep linking with a stateflow platform event, update and handle it via an onEvent method across SwiftUI and Kotlin Compose, guiding entry url to a destination and manifest schema.

Implement gps location access by adding the moko permission library, configuring a permission controller and factory, and checking and requesting location permission in the home view model.