Banyak aplikasi TV menyertakan halaman detail konten dengan metadata yang relevan untuk konten (misalnya film tertentu). Halaman detail dapat diterapkan sebagai fungsi composable, dengan mengambil metadata konten yang dipilih sebagai argumennya.
Kode berikut adalah implementasi standar layar detail. Ini memuat gambar film tertentu beserta judul dan deskripsinya. Pengguna dapat melakukan transisi layar ke layar pemutar, yang dapat dipicu dengan mengklik untuk memulai pemutaran film. Anda dapat menangani tindakan ini untuk membuat layar dengan mengatur fungsi 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)
}
}
}
}