Die UI aus gemeinsamem Code heraushalten
Die Grenze so ziehen, dass die gemeinsame Schicht portabel bleibt
Die UI aus gemeinsamem Code heraushalten ist eine kostenlose Kotlin Multiplatform Academy-Lektion auf CoddyKit. Dies ist Lektion 4 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Kotlin Multiplatform Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Kotlin Multiplatform Academy-Kurs umfasst insgesamt 4 Lektionen.
Draw a Clear Line
Gemeinsamer Code enthält Logik; die Benutzeroberfläche bleibt nativ. Wenn man diese Grenze früh zieht, bleibt das gemeinsame Modul für jedes Ziel portabel.
Why UI Does Not Belong
Android-Views und SwiftUI sind plattformspezifisch. Sie in commonMain zu platzieren, würde die Kompilierung für das andere Ziel sofort fehlschlagen lassen.
Logic Is the Reusable Part
Berechnungen, Regeln und Modelle sind das, was sich in Apps wirklich wiederholt. Genau diese Logik ist der wertvolle Code, den es sich lohnt, einmal zu teilen.
Return Data, Not Widgets
Gemeinsame Funktionen sollten einfache Daten zurückgeben, wie eine Summe oder einen Beschriftungstext, niemals einen Button oder eine View.
fun cartLabel(total: Double): String = "Total due: " + totalNo Toasts or Alerts
Das Anzeigen einer Nachricht ist eine UI-Aufgabe. Gemeinsam genutzter Code gibt den anzuzeigenden Text zurück; jede App entscheidet, wie sie ihn darstellt.
No Colors or Styling
Hex-Farben und Schriftarten sind Darstellung. Belassen Sie das Styling in der Benutzeroberfläche der jeweiligen Plattform, damit Designer Apps unabhängig voneinander anpassen können.
Expose State to the UI
Geteilter Code kann den Zustand veröffentlichen, den die Benutzeroberfläche überwacht. Die Apps rendern ihn, wie es ihnen gefällt, aber niemals umgekehrt.
data class CartState(val total: Double, val itemCount: Int)The Dependency Direction
Die Benutzeroberfläche (UI) hängt vom geteilten Code ab, niemals umgekehrt. Dieser unidirektionale Pfeil sorgt dafür, dass das gemeinsame Modul sauber und wiederverwendbar bleibt.
Compose MP Is the Exception
Compose Multiplatform kann zwar auch UI teilen, aber das ist optional (opt-in). Ihr zentrales Logik-Modul bleibt weiterhin UI-frei und leichtgewichtigt.
A Quick Smell Test
Wenn eine gemeinsam genutzte Datei ein Plattform-UI-Paket importiert, ist das ein Code-Smell. Verschieben Sie diesen Code in das richtige App-Modul.
The Payoff
Eine UI-freie, gemeinsame Schicht kompiliert überall und fügt mühelos neue Ziele hinzu. Disziplin ist hier der Schlüssel, damit sich KMP auszahlt. 🚀
Quick Check
Was sollte eine gemeinsam genutzte Funktion anstelle eines UI-Widgets zurückgeben?
Recap: Logic Shared, UI Native
Du hast Widgets, Farben und Alerts aus dem gemeinsamen Code herausgehalten und ihn nur Daten bereitstellen lassen, die die nativen Benutzeroberflächen rendern. ✅
Lerne Kotlin mit einem KI-Tutor — kostenlos
Schreibe und führe echten Code in deinem Browser aus, bekomme sofortige Hilfe von einem 24/7 KI-Tutor und setze dein Lernen im Web oder in der App fort.
- Kurse
- 30
- Lektionen
- 120
Häufig gestellte Fragen
Ist die Lektion „Die UI aus gemeinsamem Code heraushalten“ kostenlos?
Ja — der vollständige Text von „Die UI aus gemeinsamem Code heraushalten“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Kotlin Multiplatform Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Kotlin Multiplatform Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Die UI aus gemeinsamem Code heraushalten“?
Die Grenze so ziehen, dass die gemeinsame Schicht portabel bleibt Du übst Kotlin Multiplatform Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Kotlin Multiplatform Academy zu starten?
Keine Vorkenntnisse erforderlich. Kotlin Multiplatform Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 4 von 4.
Wie lange dauert die Lektion „Die UI aus gemeinsamem Code heraushalten“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Kotlin Multiplatform Academy-Lektion Code schreiben und ausführen?
Ja. Jede Kotlin Multiplatform Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Ein gemeinsamer Preis- und Steuerrechner
- Währungen und Zahlen formatieren
- Geschäftsregeln als pure Funktionen
- Die UI aus gemeinsamem Code heraushalten