Wiele aplikacji TV zawiera strony z informacjami o treściach, na których znajdują się odpowiednie metadane dotyczące danego materiału (np. konkretnego filmu). Strony z informacjami można zaimplementować jako funkcję typu „composable”, która jako argument przyjmuje metadane wybranej treści.
Poniższy kod to typowa implementacja ekranu szczegółów. Wczytuje obraz danego filmu wraz z tytułem i opisem. Użytkownik może przejść do ekranu odtwarzacza, klikając przycisk, który rozpoczyna odtwarzanie filmu. Możesz obsłużyć to działanie, aby przejść do innego ekranu, ustawiając funkcję wywołania zwrotnego.
@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)) } } } }