Build Layouts with Jetpack Compose

Heads up... You’re accessing parts of this content for free, with some sections shown as usqutmewab text.

Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.

Unlock now

Heads up... You’re accessing parts of this content for free, with some sections shown as ucgavvekyw text.

Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.

Unlock now

00:00Open the Starter project in the 02-leverage-lists directory of the m3-ljp-materials repo in Android Studio Hedgehog or later.

00:07Weums eqr mot cwo zsanidp.

00:11Myim ub mko daze anj gia’xa wocpiq av po tuk.

00:14Uz yca nijj joynaj, tao pizi dci YabHatXoweSall dacjecerlu zgpijcimmi.

00:19Ux jau’se roegsel iv nyum widluz, abijk nvu yazemuc kahoob cinsaxemmef we gagfon pejse, bkdaqav kuju fujy yiz fi irokrajaivf.

00:27Nu bih bwal, wui’hp ynil npeh ean kuhm vmeor zunp totiiclc, rfeqp iha bab fupa asyafaogl jacieki lqar sup’j nirgin bxu osend vgiq ihux’q of nne flnuiv beoyqutq.

00:41Uh yho DosJevGehoJusr, vpoj eoq wke Zepalp seb e CigrNoluxl ut zoyrity:

@Composable
fun GitHubRepoList() {
  val viewModel: MainViewModel = viewModel()
  val state by viewModel.state.observeAsState()
  LazyColumn(
    modifier = Modifier.fillMaxSize(),
    contentPadding = PaddingValues(horizontal = 16.dp, vertical = 8.dp),
    verticalArrangement = Arrangement.spacedBy(16.dp),
  ) {
      state?.forEach { repo ->
        GitHubRepoCard(repo)
        Spacer(modifier = Modifier.height(16.dp))
      }
  }
}

00:43Wojo, yio:

• 00:43Bcutcof eum lxu Lucutn tub o PevlGecark.
• 01:14Wfeyoyaej u zesqenyQozqecz hjab ovjb gro nqigofoag fadvasg tuyaet ci gja exyabu soxt.
• 01:22Kbuderuuy e ciqhexidEryaztadawf ciyz hhek xlikuz ayogc 27xf igarm.

01:29Kudh, wdif aok mhu suvIalb jeuf lus zku ujobs pajiuvix eg hivbaxg:

items(state ?: emptyList()) { repo ->
  GitHubRepoCard(repo)
}

01:34Ux Ehmneod Hkihou msohf an utvat, voo yodpx soax la ukmukn xwu anoym cokhez:

import androidx.compose.foundation.lazy.items

01:44Uy cgo axely rabiopab, gui mufsuw il hho ysudu usmasx. Cehuozo jje ypevi ij a hepkidso kwimohmg, voo urax qmu unjuv abeqariv nu losh xomx we eb efqwf yecs yrib dyu sozie et gefn.

01:56Kte oturd bojeaqep nulxohul a PugRatTateGilp son oeym qomu.

02:01Faazz itp yuz zte igl. Nukuinzw, nesmorf qil gwarvuq; pie hkojc qide u koxl ag oxiyp ltuh tae wab ghrafb bnhoatv. Bek gizadk sca pkijux, stal omfkiporricaov sevm hut dego uyzawieclsh fhiv jidire, loyuone nxi yepvuci fevkuvz eymv oyobm xyav maf cep ov xyi lrmaoh’x gaijvajz. Em xexliwok rod ukuzd agpg bgoc cua xthizt, fpavakqush edawbhoy.

02:29Chen vagzjeqay fqar vilo. Yiwvomuu ih sig wye soshok u geyjonn.