Ayrıntılar ekranı oluşturun

Birçok TV uygulaması, belirli bir içeriğe (ör. belirli bir film) ait alakalı meta veriler içeren içerik ayrıntıları sayfaları içerir. Ayrıntı sayfaları, seçilen içeriğin meta verilerini bağımsız değişken olarak alan bir derlenebilir işlev olarak uygulanabilir.

Aşağıdaki kod, ayrıntılar ekranının tipik bir uygulamasıdır. Belirtilen filmin başlığı ve açıklamasıyla birlikte bir resmini yükler. Kullanıcı, oynatıcı ekranına geçiş yapabilir. Bu geçiş, bir düğmeyi tıklayarak film oynatmaya başlamak için tetiklenebilir. Geri çağırma işlevi ayarlayarak ekran geçişini yapmak için bu işlemi gerçekleştirebilirsiniz.

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