Kotlin Multiplatform Academy · Pelajaran

Menampung UI Bersama di iOS & Desktop

Sematkan composable yang sama di setiap target

Pelajaran 4 dari 413 langkah

Menampung UI Bersama di iOS & Desktop adalah pelajaran Kotlin Multiplatform Academy gratis di CoddyKit. Ini adalah pelajaran 4 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Kotlin Multiplatform Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Kotlin Multiplatform Academy mencakup 4 pelajaran total.

Aplikasi Sama, Wadah Baru

Komponen Aplikasi bersama Anda sudah siap. Sekarang setiap platform memerlukan titik masuk kecil untuk memasangnya. Kode UI itu sendiri tidak pernah berubah.

iOS Membungkus Compose dalam Pengontrol

Di iOS, Anda mengekspos komponen yang dapat dikomposisikan melalui sebuah pengontrol tampilan. Fungsi ComposeUIViewController memberikan SwiftUI sebuah pengontrol yang dapat ditampilkannya.

fun MainViewController() =
    ComposeUIViewController { App() }

Panggil dari SwiftUI

Dari SwiftUI, Anda membungkus pengontrol tersebut dalam representasi pengontrol tampilan, sehingga layar Kotlin Anda menjadi tampilan SwiftUI biasa.

struct ComposeView: UIViewControllerRepresentable {
    func makeUIViewController(context: Context) -> UIViewController {
        MainViewControllerKt.MainViewController()
    }
}

iOS Merender Secara Native

Di balik layar, Compose menggambar menggunakan Skia ke permukaan iOS, sehingga layar bersama Anda terasa native dan berbagi logika dengan Android secara mulus.

Desktop Menggunakan Jendela

Di desktop, Anda menjalankan Aplikasi yang sama di dalam jendela aplikasi. Beberapa baris Kotlin sudah cukup untuk membuat program desktop sungguhan.

fun main() = application {
    Window(onCloseRequest = ::exitApplication) {
        App()
    }
}

Desktop Berjalan di JVM

Target desktop dikompilasi ke JVM dan juga merender dengan Skia, sehingga komponen yang dapat dikomposisikan yang Anda tulis untuk ponsel dapat berjalan di macOS, Windows, dan Linux.

Satu Komponen, Tiga Wadah

Android menggunakan setContent, iOS menggunakan pengontrol tampilan, dan desktop menggunakan jendela. Ketiganya memanggil fungsi Aplikasi bersama yang sama.

Bagikan Lebih Banyak Secara Default

Karena pemasangan adalah satu-satunya bagian khusus platform, hampir semua yang Anda buat berada di commonMain. Permukaan bersama pun menjadi luas.

Sesuaikan per Platform Jika Diperlukan

Anda tetap dapat membuat percabangan berdasarkan platform di dalam kode bersama untuk hal-hal seperti ukuran jendela atau area aman, dengan tetap mempertahankan satu basis kode yang dapat beradaptasi dengan baik.

Uji UI Sekali

UI bersama berarti pengujian UI bersama di commonTest, sehingga Anda memverifikasi perilakunya sekali dan dapat mempercayainya di setiap wadah tujuan Anda.

Kirim Tiga Aplikasi dari Satu Basis Kode

Setelah wadah terhubung, satu basis kode Compose mendukung rilis Android, iOS, dan desktop Anda, sehingga pekerjaan UI yang berulang berkurang drastis. 🚢

Pemeriksaan Singkat

Bagaimana iOS menjadi wadah bagi komponen yang dapat dikomposisikan bersama?

Jawab di pelajaran interaktif

Rangkuman: Gunakan di Semua Tempat

Anda memasang Aplikasi bersama yang sama di iOS melalui pengontrol tampilan dan di desktop melalui jendela. Satu basis kode Compose, tiga platform yang dikirimkan. 🎯

Gratis untuk memulai

Belajar Kotlin dengan tutor AI — gratis

Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.

Kursus: 30
Pelajaran: 120

Mulai belajar gratis Lihat kursus lengkapnya

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Menampung UI Bersama di iOS & Desktop” gratis?

Ya — teks lengkap “Menampung UI Bersama di iOS & Desktop” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Kotlin Multiplatform Academy, upgrade ke CoddyKit PRO. Kursus Kotlin Multiplatform Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Menampung UI Bersama di iOS & Desktop”?

Sematkan composable yang sama di setiap target Kamu berlatih Kotlin Multiplatform Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai Kotlin Multiplatform Academy?

Tidak diperlukan pengalaman sebelumnya. Kotlin Multiplatform Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 4 dari 4.

Berapa lama pelajaran “Menampung UI Bersama di iOS & Desktop” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran Kotlin Multiplatform Academy ini?

Ya. Setiap pelajaran Kotlin Multiplatform Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

← Kembali ke Kotlin Multiplatform Academy