یک صفحه نمایش جزئیات بسازید

بسیاری از برنامه‌های تلویزیونی شامل صفحات جزئیات محتوا با ابرداده‌های مرتبط برای یک قطعه محتوا (یعنی یک فیلم خاص) هستند. صفحات جزئیات را می توان به عنوان یک تابع ترکیبی پیاده سازی کرد و ابرداده محتوای انتخاب شده را به عنوان آرگومان آن در نظر گرفت.

کد زیر یک پیاده سازی معمولی از صفحه جزئیات است. تصویری از فیلم داده شده را با عنوان و توضیحات آن بارگذاری می کند . کاربر می تواند یک انتقال صفحه نمایش به صفحه پخش کننده انجام دهد، که می تواند با کلیک کردن روی یک دکمه برای شروع پخش فیلم فعال شود. شما می توانید با تنظیم یک عملکرد برگشت به تماس، این عمل را برای انتقال صفحه نمایش انجام دهید.

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

توجه: AsyncImage یک ترکیب برای بارگذاری یک تصویر از اینترنت است. برای جزئیات به بارگیری تصاویر مراجعه کنید.