Tema
/
Mobiliosios programėlės KOTLIN
Pamoka 2 / 14 Compose UI ir išdėstymas ~45 min

Sukurk MenuScreen.kt — meniu sąrašas

Dabar — pats ekranas. feature/menu/presentation/MenuScreen.kt.

Kas viduje:

  • MenuScreen(items: List<MenuItem>) — ekranas gauna picų sąrašą kaip parametrą (kol kas statinį; 5 pamokoje jį atneš ViewModel).
  • Scaffold { TopAppBar("Pica Menu") } — ekrano karkasas su viršutine juosta.
  • LazyColumn { items(items) { ... } } — kiekvienai picai atvaizduojam Card su pavadinimu, aprašymu ir kaina.
  • "€%.2f".format(item.price) — kaina dviem skaičiais po kablelio.
  • sampleMenu + @Preview — trumpas statinis sąrašas, kad matytum ekraną Android Studio be paleidimo.

Patikrink. Atidaryk MenuScreen.kt, spausk Split rodinį ir palauk peržiūros (Preview). Turi pamatyti tris korteles:

┌─────────────────────────────┐
│ Margherita                  │
│ Tomato, mozzarella, basil   │
│ €8.50                       │
└─────────────────────────────┘
┌─────────────────────────────┐
│ Pepperoni  …  €10.00        │
└─────────────────────────────┘

Slenkamas picų sąrašas — pirmas ekranas, kuris tikrai atrodo kaip Pica.

Spąstai. items funkcijai LazyColumn viduje reikia teisingo importo:

import androidx.compose.foundation.lazy.items

Android Studio kartais pasiūlo ne tą items (pvz. iš androidx.compose.foundation.lazy.grid arba tiesiog Kotlino kolekcijų), ir tada gauni klaidą „items cannot be called" arba sąrašas nesikompiliuoja. Jei matai raudoną items — patikrink importą; jis turi būti foundation.lazy.items.