Navegando a una nueva página en Kotlin Compose

Necesito ayuda para averiguar cómo, cuando hago clic en la tarjeta, me lleva a una página completamente nueva que dice "Éxito". En este momento, cuando hago clic, dice "Éxito", pero justo encima de la tarjeta.

@OptIn(ExperimentalFoundationApi::class)

@Composable fun AlbumList(título: Cadena, url: Cadena){

val navController = rememberNavController()
NavHost(navController = navController, startDestination = "MainScreen") {
 composable("MainScreen") {MainActivity() }
 composable("album") { testSwitch(title, url) }
}
 Card(
 shape = RoundedCornerShape(5.dp),
 elevation = 16.dp,
 modifier = Modifier
.combinedClickable(
 onClick = {
 navController.navigate("album"){
  popUpTo("album") { inclusive = true }
 }
 }
  )
.padding(start = 16.dp, end = 16.dp, top = 5.dp, bottom = 5.dp),
) {
 Row(
 verticalAlignment = Alignment.CenterVertically,
 ) {
 Column(Modifier.padding(8.dp)) {
 Text(
  text = title,
  style = MaterialTheme.typography.h4,
  color = MaterialTheme.colors.onSurface,
 )
 Text(
  text = url,
  style = MaterialTheme.typography.body2,
 )
 }
 }
}

}

@OptIn(ExperimentalMaterialApi::class)

@Composable fun testSwitch(título: Cadena, url: Cadena) {

Text("Success")
}

ingrese la descripción de la imagen aquí

Solución del problema

Como se define en la documentación:

Defina su NavHosty las respectivas rutas...

NavHost(navController = navController, startDestination = "profile") {
 composable("profile") { ProfileScreen(navController) }
 composable("friendslist") { FriendsListScreen(navController) }
}

Si necesita llamar al FriendsListScreendesde ProfileScreen:

@Composable
fun ProfileScreen(navController: NavController) {
 /*...*/
 Button(onClick = { navController.navigate("friendslist") }) {
 Text(text = "Navigate next")
 }
 /*...*/
}