Hospede a interface compartilhada no iOS e no desktop
Incorpore os mesmos composables em cada destino
Hospede a interface compartilhada no iOS e no desktop é uma aula grátis de Kotlin Multiplatform Academy no CoddyKit. Esta é a aula 4 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Kotlin Multiplatform Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Kotlin Multiplatform Academy inclui 4 aulas no total.
Partes desta aula ainda não foram traduzidas e aparecem em inglês.
Same App, New Hosts
Your shared App composable is ready. Now each platform needs a small entry point that mounts it. The UI code itself never changes.
iOS Wraps Compose in a Controller
On iOS you expose your composable through a UIViewController. The function ComposeUIViewController hands SwiftUI a controller it can present.
fun MainViewController() =
ComposeUIViewController { App() }Call It from SwiftUI
From SwiftUI you wrap that controller in a UIViewControllerRepresentable, so your Kotlin screen becomes an ordinary SwiftUI view.
struct ComposeView: UIViewControllerRepresentable {
func makeUIViewController(context: Context) -> UIViewController {
MainViewControllerKt.MainViewController()
}
}iOS Renders Natively
Under the hood Compose draws using Skia onto an iOS surface, so your shared screen feels native and shares logic with Android seamlessly.
Desktop Uses a Window
On desktop you launch the same App inside an application window. A few lines of Kotlin give you a real desktop program.
fun main() = application {
Window(onCloseRequest = ::exitApplication) {
App()
}
}Desktop Runs on the JVM
The desktop target compiles to the JVM and renders with Skia too, so the same composables you wrote for phones run on macOS, Windows and Linux.
One Composable, Three Hosts
Android uses setContent, iOS uses a view controller, desktop uses a window. All three call the very same shared App function.
Share Even More by Default
Because hosting is the only platform-specific part, almost everything you build lives in commonMain. The shared surface grows large.
Tweak Per-Platform When Needed
You can still branch on platform inside shared code for things like window size or safe areas, keeping a single codebase that adapts nicely.
Test the UI Once
Shared UI means shared UI tests in commonTest, so you verify behavior a single time and trust it on every host you ship to.
Ship Three Apps from One
With hosts wired up, a single Compose codebase powers your Android, iOS and desktop releases, cutting duplicated UI work dramatically. 🚢
Quick Check
How does iOS host a shared composable?
Recap: Host It Everywhere
You mounted the same shared App on iOS through a view controller and on desktop through a window. One Compose codebase, three platforms shipped. 🎯
Perguntas Frequentes
A aula “Hospede a interface compartilhada no iOS e no desktop” é grátis?
Sim — o texto completo de “Hospede a interface compartilhada no iOS e no desktop” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Kotlin Multiplatform Academy, atualize para CoddyKit PRO. O curso de Kotlin Multiplatform Academy inclui 4 aulas no total.
O que vou aprender em “Hospede a interface compartilhada no iOS e no desktop”?
Incorpore os mesmos composables em cada destino Você pratica Kotlin Multiplatform Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar Kotlin Multiplatform Academy?
Nenhuma experiência prévia é necessária. Kotlin Multiplatform Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 4 de 4.
Quanto tempo leva a aula “Hospede a interface compartilhada no iOS e no desktop”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de Kotlin Multiplatform Academy?
Sim. Cada aula de Kotlin Multiplatform Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- Ative o Compose Multiplatform
- Layouts, modificadores e tematização
- Estado e recomposição na interface compartilhada
- Hospede a interface compartilhada no iOS e no desktop