অনেক টিভি অ্যাপে কন্টেন্টের বিবরণ পৃষ্ঠা থাকে যেখানে কোনও কন্টেন্টের (যেমন, নির্দিষ্ট কোনও সিনেমা) প্রাসঙ্গিক মেটাডেটা থাকে। বিবরণ পৃষ্ঠা কম্পোজেবল ফাংশন হিসেবে প্রয়োগ করা যেতে পারে, যা বেছে নেওয়া কন্টেন্টের মেটাডেটাকে আর্গুমেন্ট হিসেবে গ্রহণ করে।
নিম্নলিখিত কোডটি হল বিবরণ স্ক্রিনের একটি সাধারণ প্রয়োগ। এটি প্রদত্ত সিনেমার নাম ও বিবরণ সহ একটি ছবি লোড করে। ব্যবহারকারী প্লেয়ার স্ক্রিনে ট্রানজিশন করতে পারবেন, যা মুভি প্লেব্যাক শুরু করার জন্য বোতামে ক্লিক করে ট্রিগার করা যেতে পারে। কলব্যাক ফাংশন সেট করে স্ক্রিন ট্রানজিশন করার জন্য আপনি এই অ্যাকশন ম্যানেজ করতে পারবেন।
@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)) } } } }