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

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

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

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