Håll användargränssnittet utanför delad kod
Dra gränsen så att det delade lagret förblir portabelt
Håll användargränssnittet utanför delad kod är en gratis lektion i Kotlin Multiplatform Academy på CoddyKit. Detta är lektion 4 av 4. Ni kan läsa hela lektionen gratis nedan och sedan öva praktiskt i webbläsaren med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt. Den ingår i lärvägen för Kotlin Multiplatform Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i Kotlin Multiplatform Academy innehåller totalt 4 lektioner.
Dra en tydlig gräns
Delad kod innehåller logik; gränssnittet förblir inbyggt. Om du drar denna gräns tidigt förblir den gemensamma modulen portabel till alla målplattformar.
Varför UI inte hör hemma där
Android-vyer och SwiftUI är plattformsspecifika. Om du placerar dem i commonMain går kompileringen på den andra målplattformen genast sönder.
Logiken är det återanvändbara
Beräkningar, regler och modeller är det som verkligen återkommer i apparna. Den logiken är värdefull kod som är värd att dela en gång.
Returnera data, inte gränssnittskomponenter
Delade funktioner bör lämna tillbaka ren data, som en totalsumma eller en etikettsträng, aldrig en knapp eller en vy.
fun cartLabel(total: Double): String = "Total due: " + totalInga toastmeddelanden eller aviseringar
Att visa ett meddelande är en UI-uppgift. Delad kod returnerar texten som ska visas, och varje app avgör hur den ska presenteras.
Inga färger eller stilar
Hexfärger och teckensnitt hör till presentationen. Behåll stilsättningen i varje plattforms UI så att formgivare kan justera apparna oberoende av varandra.
Exponera tillstånd för UI
Delad kod kan publicera tillstånd som UI:t bevakar. Appar kan återge det hur de vill, men aldrig tvärtom.
data class CartState(val total: Double, val itemCount: Int)Beroenderiktningen
UI beror på delad kod, aldrig tvärtom. Denna enkelriktade pil håller den gemensamma modulen ren och återanvändbar.
Compose MP är undantaget
Compose Multiplatform kan också dela UI, men det måste väljas uttryckligen. Din centrala logikmodul förblir ändå fri från UI och lättviktig.
Ett snabbt lukttest
Om en delad fil importerar ett plattformsspecifikt UI-paket är det en varningssignal. Flytta ut koden till rätt appmodul.
Vinsten
Ett delat lager utan UI kompileras överallt och gör det enkelt att lägga till nya målplattformar. Denna disciplin är det som får KMP att löna sig. 🚀
Snabbkontroll
Vad bör en delad funktion returnera i stället för en UI-komponent?
Sammanfattning: delad logik, inbyggt UI
Du höll komponenter, färger och aviseringar borta från gemensam kod och lät den bara exponera data som de inbyggda UI:na återger. ✅
Lär dig Kotlin med en AI-lärare – gratis
Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.
- Kurser
- 30
- Lektioner
- 120
Vanliga frågor
Är lektionen ”Håll användargränssnittet utanför delad kod” gratis?
Ja – hela texten till ”Håll användargränssnittet utanför delad kod” kan läsas gratis här på webben. Om Ni vill öva interaktivt med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt och låsa upp resten av kursen i Kotlin Multiplatform Academy, kan Ni uppgradera till CoddyKit PRO. Kursen i Kotlin Multiplatform Academy innehåller totalt 4 lektioner.
Vad lär jag mig i ”Håll användargränssnittet utanför delad kod”?
Dra gränsen så att det delade lagret förblir portabelt Ni övar på Kotlin Multiplatform Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.
Behöver jag någon erfarenhet för att börja lära mig Kotlin Multiplatform Academy?
Du behöver inga förkunskaper. Utbildningen i Kotlin Multiplatform Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 4 av 4.
Hur lång tid tar lektionen ”Håll användargränssnittet utanför delad kod”?
De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.
Kan jag skriva och köra kod i den här Kotlin Multiplatform Academy-lektionen?
Ja. Varje Kotlin Multiplatform Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.
Alla lektioner i den här kursen
- En delad pris- och skattekalkylator
- Formatera valuta och tal
- Affärsregler som rena funktioner
- Håll användargränssnittet utanför delad kod