แอปทีวีหลายแอปมีหน้าข้อมูลเนื้อหาพร้อมข้อมูลเมตาที่เกี่ยวข้องสำหรับเนื้อหาที่กำหนด (เช่น ภาพยนตร์เรื่องหนึ่ง) หน้ารายละเอียดสามารถนำไปใช้เป็นฟังก์ชันที่ประกอบกันได้ โดยใช้ข้อมูลเมตาของเนื้อหาที่เลือกเป็นอาร์กิวเมนต์
โค้ดต่อไปนี้เป็นการติดตั้งใช้งานหน้าจอรายละเอียดโดยทั่วไป โดยจะโหลดรูปภาพ ของภาพยนตร์ที่ระบุพร้อมชื่อและคำอธิบาย ผู้ใช้สามารถเปลี่ยนหน้าจอไปยังหน้าจอเพลเยอร์ได้โดยคลิกปุ่มเพื่อเริ่มเล่นภาพยนตร์ คุณสามารถจัดการการดำเนินการนี้เพื่อเปลี่ยนหน้าจอ โดยการตั้งค่าฟังก์ชันการเรียกกลับ
@Composable fun DetailsScreen( movie: Movie, modifier: Modifier = Modifier, onStartPlayback: (Movie) -> Unit = {} ) { Box(modifier = modifier.fillMaxSize()) { AsyncImage( modifier = Modifier.fillMaxSize(), model = movie.backgroundImageUrl, contentDescription = null, contentScale = ContentScale.Crop, ) Column(modifier = Modifier.padding(32.dp)) { Text( text = movie.title, style = MaterialTheme.typography.headlineMedium ) Text(text = movie.description) Button(onClick = { onStartPlayback(movie) }) { Text(text = stringResource(id = R.string.startPlayback)) } } } }