بسیاری از برنامه‌های تلویزیونی شامل صفحات جزئیات محتوا با فراداده‌های مرتبط برای یک محتوای مشخص (مثلاً یک فیلم خاص) هستند. صفحات جزئیات را می‌توان به عنوان یک تابع قابل ترکیب پیاده‌سازی کرد که فراداده محتوای انتخاب شده را به عنوان آرگومان خود دریافت می‌کند.
کد زیر یک پیاده‌سازی معمول از صفحه جزئیات است. این کد تصویری از فیلم داده شده را به همراه عنوان و توضیحات آن بارگذاری می‌کند . کاربر می‌تواند با کلیک روی یک دکمه، به صفحه پخش‌کننده منتقل شود که این انتقال می‌تواند با شروع پخش فیلم انجام شود. شما می‌توانید با تنظیم یک تابع فراخوانی، این عمل را برای ایجاد انتقال صفحه انجام دهید.
@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)
}
}
}
}