একটি বিশদ স্ক্রীন তৈরি করুন

অনেক টিভি অ্যাপে নির্দিষ্ট কন্টেন্টের (অর্থাৎ একটি নির্দিষ্ট সিনেমার) জন্য প্রাসঙ্গিক মেটাডেটা সহ কন্টেন্ট ডিটেইল পৃষ্ঠা থাকে। নির্বাচিত কন্টেন্টের মেটাডেটাকে যুক্তি হিসেবে গ্রহণ করে বিস্তারিত পৃষ্ঠাগুলিকে একটি কম্পোজেবল ফাংশন হিসেবে প্রয়োগ করা যেতে পারে।

নিচের কোডটি ডিটেইলস স্ক্রিনের একটি সাধারণ বাস্তবায়ন। এটি প্রদত্ত সিনেমার শিরোনাম এবং বর্ণনা সহ একটি ছবি লোড করে । ব্যবহারকারী প্লেয়ার স্ক্রিনে একটি স্ক্রিন ট্রানজিশন করতে সক্ষম, যা মুভি প্লেব্যাক শুরু করার জন্য একটি বোতামে ক্লিক করে ট্রিগার করা যেতে পারে। আপনি একটি কলব্যাক ফাংশন সেট করে স্ক্রিন ট্রানজিশন করার জন্য এই ক্রিয়াটি পরিচালনা করতে পারেন।

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