בניית מסך פרטים

אפליקציות רבות בטלוויזיה כוללות דפים של פרטי תוכן עם מטא-נתונים רלוונטיים קטע תוכן (למשל, סרט ספציפי). אפשר להטמיע דפי פרטים פונקציה קומפוזבילית, שמקבלת מטא-נתונים של התוכן שנבחר כארגומנט שלו.

הקוד הבא הוא יישום אופייני של מסך הפרטים. הוא טוען תמונה של הסרט הנתון, עם השם והתיאור שלו. המשתמש יכול ליצור לעבור למסך הנגן, שאותו אפשר להפעיל על ידי לחיצה על לחצן כדי להתחיל את הפעלת הסרט. אפשר לבצע את הפעולה הזו כדי שהמסך באמצעות הגדרה של פונקציית קריאה חוזרת.

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