nav_sample_details

nav_sample_details.kt

composable(
  route = "details/{pokemon}",
  arguments = listOf(navArgument("pokemon") { type = NavType.IntType })
) { backStackEntry ->
  val pokemonId = backStackEntry.arguments?.getInt("pokemon")
  val pokemon = pokemons[pokemonId!!]
  Column(
    Modifier
      .fillMaxSize()
      .clickable {
        navController.navigate("home")
      }) {
    Image(
      painterResource(id = pokemon.image),
      contentDescription = null,
      contentScale = ContentScale.Crop,
      modifier = Modifier
        .aspectRatio(1f)
        .fillMaxWidth()
        .sharedElement(
          rememberSharedContentState(key = "image-$pokemonId"),
          animatedVisibilityScope = this@composable,
          boundsTransform = boundsTransform
        )
    )
    Text(
      pokemon.name, fontSize = 18.sp, modifier =
      Modifier
        .fillMaxWidth()
        .sharedElement(
          rememberSharedContentState(key = "text-$pokemonId"),
          animatedVisibilityScope = this@composable,
          boundsTransform = boundsTransform
        )
    )
  }
}