Héberger l’interface partagée sur iOS et ordinateur
Intégrez les mêmes composables à chaque cible.
Héberger l’interface partagée sur iOS et ordinateur est une leçon Kotlin Multiplatform Academy gratuite sur CoddyKit. Ceci est la leçon 4 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Kotlin Multiplatform Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Kotlin Multiplatform Academy comprend 4 leçons au total.
La même application, de nouveaux hôtes
Votre composable App partagé est prêt. Chaque plateforme a maintenant besoin d’un petit point d’entrée pour l’héberger. Le code de l’interface lui-même ne change jamais.
iOS encapsule Compose dans un contrôleur
Sur iOS, exposez votre composable via un UIViewController. La fonction ComposeUIViewController fournit à SwiftUI un contrôleur qu’il peut présenter.
fun MainViewController() =
ComposeUIViewController { App() }L’appeler depuis SwiftUI
Depuis SwiftUI, encapsulez ce contrôleur dans un UIViewControllerRepresentable afin que votre écran Kotlin devienne une vue SwiftUI ordinaire.
struct ComposeView: UIViewControllerRepresentable {
func makeUIViewController(context: Context) -> UIViewController {
MainViewControllerKt.MainViewController()
}
}iOS effectue un rendu natif
En interne, Compose dessine avec Skia sur une surface iOS : votre écran partagé semble donc natif et partage sa logique avec Android de manière transparente.
L’ordinateur utilise une fenêtre
Sur ordinateur, lancez le même App dans une fenêtre d’application. Quelques lignes de Kotlin suffisent pour obtenir un véritable programme de bureau.
fun main() = application {
Window(onCloseRequest = ::exitApplication) {
App()
}
}L’ordinateur s’exécute sur la JVM
La cible de bureau est compilée pour la JVM et utilise également Skia pour le rendu. Les mêmes fonctions composables que vous avez écrites pour les téléphones s’exécutent donc sur macOS, Windows et Linux.
Un composable, trois hôtes
Android utilise setContent, iOS utilise un contrôleur de vue et l’ordinateur utilise une fenêtre. Tous trois appellent exactement la même fonction partagée App.
Partager encore davantage par défaut
Puisque l’hébergement est la seule partie propre à la plateforme, presque tout ce que vous développez se trouve dans commonMain. La surface partagée devient très étendue.
Adapter chaque plateforme si nécessaire
Vous pouvez toujours effectuer des branchements selon la plateforme dans le code partagé pour gérer, par exemple, la taille de la fenêtre ou les zones sûres, tout en conservant une seule base de code qui s’adapte élégamment.
Tester l’interface une seule fois
Une interface partagée signifie des tests d’interface partagés dans commonTest. Vous vérifiez donc le comportement une seule fois et pouvez lui faire confiance sur chaque hôte pris en charge.
Livrer trois applications à partir d’une seule
Une fois les hôtes configurés, une seule base de code Compose alimente vos versions Android, iOS et de bureau, ce qui réduit considérablement le travail d’interface dupliqué. 🚢
Vérification rapide
Comment iOS héberge-t-il un composable partagé ?
Récapitulatif : l’héberger partout
Vous avez intégré le même App partagé sur iOS via un contrôleur de vue et sur ordinateur via une fenêtre. Une base de code Compose, trois plateformes livrées. 🎯
Apprends Kotlin avec un tuteur IA — gratuit
Écris et exécute du vrai code dans ton navigateur, obtiens de l'aide instantanée d'un tuteur IA disponible 24h/24, et reprends là où tu t'es arrêté sur le web ou dans l'app.
- Cours
- 30
- Leçons
- 120
Questions Fréquemment Posées
La leçon « Héberger l’interface partagée sur iOS et ordinateur » est-elle gratuite ?
Oui — le texte complet de « Héberger l’interface partagée sur iOS et ordinateur » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Kotlin Multiplatform Academy, passe à CoddyKit PRO. Le cours Kotlin Multiplatform Academy comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Héberger l’interface partagée sur iOS et ordinateur » ?
Intégrez les mêmes composables à chaque cible. Tu pratiques Kotlin Multiplatform Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer Kotlin Multiplatform Academy ?
Aucune expérience préalable n'est requise. Kotlin Multiplatform Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 4 sur 4.
Combien de temps prend la leçon « Héberger l’interface partagée sur iOS et ordinateur » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon Kotlin Multiplatform Academy ?
Oui. Chaque leçon Kotlin Multiplatform Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Activer Compose Multiplatform
- Mises en page, modificateurs et thèmes
- État et recomposition dans l’interface partagée
- Héberger l’interface partagée sur iOS et ordinateur