Shared Elem - Layout Wrapper

shared_elem_layout_wrapper.kt

@Composable
fun Home(modifier: Modifier = Modifier) {
    val navController = rememberNavController()
    // 1
    SharedTransitionLayout(
        modifier = modifier,
    ) {
        NavHost(
            navController = navController,
            startDestination = "list",
            modifier = Modifier.fillMaxSize(),
        ) {
            composable(
                route = "list"
            ) {
                ListScreen(
                    onItemClick = { item ->
                        val encoded = URLEncoder.encode(item, "UTF-8")
                        navController.navigate("details/$encoded")
                    },
                    modifier = Modifier.fillMaxSize(),
                )
            }
            composable(
                route = "details/{url}"
            ) { backstackEntry ->
                val encoded = backstackEntry.arguments?.getString("url") ?: error("No URL")
                val url = URLDecoder.decode(encoded, "UTF-8")
                DetailsScreen(
                    url = url,
                    onClick = { navController.popBackStack() },
                    modifier = Modifier.fillMaxSize(),
                )
            }
        }
    }
}