Créer un écran d'informations

De nombreuses applications de télévision incluent des pages d'informations sur le contenu avec des métadonnées pertinentes pour un contenu donné (par exemple, un film spécifique). Les pages d'informations peuvent être implémentées en tant que fonctions modulables, en utilisant les métadonnées du contenu sélectionné comme argument.

Le code suivant est une implémentation type de l'écran d'informations. Il charge une image du film donné avec son titre et sa description. L'utilisateur peut effectuer une transition vers l'écran du lecteur, ce qui peut être déclenché en cliquant sur un bouton pour lancer la lecture du film. Vous pouvez gérer cette action pour effectuer la transition à l'écran en définissant une fonction de rappel.

@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)
       }
     }
  }
}