แอปทีวีหลายแอปมีหน้าข้อมูลรายละเอียดเนื้อหาพร้อมข้อมูลเมตาที่เกี่ยวข้องสำหรับเนื้อหาที่กำหนด (เช่น ภาพยนตร์เรื่องใดเรื่องหนึ่ง) คุณสามารถใช้ฟังก์ชันที่ประกอบกันได้เพื่อสร้างหน้ารายละเอียด โดยใช้ข้อมูลเมตาของเนื้อหาที่เลือกเป็นอาร์กิวเมนต์
โค้ดต่อไปนี้เป็นตัวอย่างการใช้งานหน้าจอรายละเอียด ซึ่งจะ โหลดรูปภาพ ของภาพยนตร์ที่กำหนดพร้อมชื่อและคำอธิบาย ผู้ใช้สามารถเปลี่ยนไปใช้หน้าจอเพลเยอร์ได้โดยคลิกปุ่มเพื่อเริ่มเล่นภาพยนตร์ คุณสามารถจัดการการดำเนินการนี้เพื่อเปลี่ยนหน้าจอได้โดยการตั้งค่าฟังก์ชันเรียกกลับ
@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)) } } } }