nav_sample_home

nav_sample_home.kt

composable("home") {
  LazyColumn(
    modifier = Modifier
      .fillMaxSize()
      .padding(8.dp),
    verticalArrangement = Arrangement.spacedBy(8.dp)
  ) {
    itemsIndexed(pokemons) { index, item ->
      Row(
        modifier = Modifier.clickable {
          navController.navigate("details/$index")
        }
      ) {
        Image(
          painter = painterResource(id = item.image),
          contentDescription = null,
          contentScale = ContentScale.Crop,
          modifier = Modifier
            .sharedElement(
              rememberSharedContentState(key = "image-$index"),
              animatedVisibilityScope = this@composable,
              boundsTransform = boundsTransform
            )
            .padding(horizontal = 20.dp)
            .size(100.dp)
        )

        Text(
          text = item.name,
          fontSize = 18.sp,
          modifier = Modifier
            .sharedElement(
              rememberSharedContentState(key = "text-$index"),
              animatedVisibilityScope = this@composable,
              boundsTransform = boundsTransform
            )
            .align(Alignment.CenterVertically)
        )
      }
    }
  }
}