Creare una schermata dei dettagli

Molte app TV includono pagine di dettagli dei contenuti con metadati pertinenti per un determinato dei contenuti (ad esempio un film specifico). Le pagine dei dettagli possono essere implementate funzione componibile, utilizzando come argomento i metadati del contenuto selezionato.

Il seguente codice è una tipica implementazione della schermata dei dettagli. it carica un'immagine del film, nel titolo e nella descrizione. L'utente è in grado di effettuare un passa alla schermata del player, che può essere attivata facendo clic su per avviare la riproduzione del filmato. Puoi gestire questa azione per far sì che lo schermo la transizione impostando una funzione di callback.

@Composable
fun DetailsScreen(
  movie: Movie,
  modifier: Modifier = Modifier,
  onStartPlayback: (Movie) -> Unit = {}
) {
  Box(modifier = modifier.fillMaxSize()){
     AsyncImage(
       modifier = Modifier.fillMaxSize()
       model = movie.image,
       contentDescription = null,
       contentScale = ContentScale.Crop,
     )
     Column(modifier = Modifier.padding(32.dp)){
       Text(
         text = movie.title,
         style = MaterialTheme.typeography.heading2
       )
       Text(text = movie.description)
       Button(onClick = { onStartPlayBack(movie) }){
         Text(text = R.string.startPlayback)
       }
     }
  }
}