Jetpack Compose is a new declarative library aimed at simplifying UI development on Android. This chapter will walk you through creating multiple screens for your app using Jetpack Compose…

…such as lists, grids, etc. This section is usually platform- and framework-dependent. You can use UIKit and SwiftUI on iOS and Views or Jetpack Compose on Android. Controller: Accepts input and converts it to commands for model or view. It also receives feedback from the model and reflects…

In this chapter, you'll learn how you can share your Compose UI between Android, desktop, and iOS apps.

…provide a UI. If you want to create a UI for Android, you can write it in native code or use the newer Jetpack Compose UI framework. For iOS, you can use UIKit, the newer SwiftUI framework, or the Beta version of Compose Multiplatform. For the desktop…

…place. You test Android and desktop UIs using Compose Tests, and iOS UI using XCUITest. Android You created the UI for Organize entirely using Jetpack Compose. Testing Compose layouts is different from testing a View-based UI. The View-based UI toolkit defines what properties a View has, such…

…come from a mobile background, it’s exciting to know that you can build desktop apps with the knowledge you gained from learning Jetpack Compose (JC). JetBrains, the maker of the technology behind Android Studio and IntelliJ, has worked with Google to create Compose Multiplatform (CM). This uses some…

…develop user interfaces, it creates a UI toolkit or uses one already available. You may have heard about Swing or Abstract Window Toolkit (AWT). Jetpack Compose for Desktop uses Swing internally to make window-based desktop applications. As of writing this book, Jetpack Compose for Desktop doesn’t provide…

…book. Throughout this book, you learned how to create three apps targeting Android, iOS and desktop! You started this journey by getting familiar with Jetpack Compose and Swift UI for UI development and moved toward sharing your app’s business logic across these three platforms with Kotlin Multiplatform…

ContentView Open ContentView.swift. Delete Text(“Hello”). Add the following as the first line in the struct: @StateObject private var timezoneItems = TimezoneItems() Like remember in Jetpack Compose (JC), StateObject creates an observable object that’s created once. Each time the view is redrawn, it will reuse the existing object. Other objects…

…while versionName is the version that will be displayed on the Play Store. Specify compose as a build feature. This enables the use of Jetpack Compose in the project. Set up any packaging options. This enables you to customize the packaging of resources by specifying the exclusion rules for specific…

Kotlin Multiplatform is that you can share code across native apps. You can continue to develop the UI layer using native UI toolkits like Jetpack Compose for Android and SwiftUI for iOS. In this section, you’ll learn how to add a new Gradle module to write your business logic…

…want to further your understanding of Kotlin and Android app development after working through Kotlin Multiplatform by Tutorials, we suggest you read Jetpack Compose by Tutorials and SwiftUI Apprentice. Both are available in our online store: https://www.kodeco.com/books/jetpack-compose-by-tutorials https://www.kodeco.com/books/swiftui-apprentice If you have any questions or comments…

…that generates a Res file that you can use to access strings, drawables, fonts, etc. in your project. lifecycle-viewmodel-compose: An official library that lets you use Jetpack Lifecycle, ViewModel and LiveData in a desktop application. material3-adaptive-navigation-suite: A library migrated from Android to Compose Multiplatform that…