这段代码中，@Composable起到什么作用？

Composable fun TipsNavGraph() { val navController rememberNavController() NavHost(navController navController, startDestination Routes.HOME) { // 首页展示 Banner、卡片推荐和列表内容 composable(Routes.HOME) { HomeScreen( onBannerClick { banner - // Banner 在模拟数据中没有详情页点击后导航到第一个卡片作为演示 navController.navigate(Routes.detail(card_1, card)) }, onCardClick { card - // 点击卡片跳转到卡片类型的详情页 navController.navigate(Routes.detail(card.id, card)) }, onListItemClick { item - // 点击列表项跳转到列表类型的详情页 navController.navigate(Routes.detail(item.id, list)) }, onViewMoreCards { // 点击查看更多跳转到卡片列表页 navController.navigate(Routes.CARD_LIST) } ) } // 卡片列表页创作专区展示所有卡片的网格列表 composable(Routes.CARD_LIST) { CardListScreen( onCardClick { card - navController.navigate(Routes.detail(card.id, card)) }, onBack { navController.popBackStack() } ) } // 详情页根据路由参数 id 和 type 加载对应内容 composable( route Routes.DETAIL, arguments listOf( navArgument(id) { type NavType.StringType }, navArgument(type) { type NavType.StringType } ) ) { backStackEntry - // 从导航回退栈中提取路由参数 val id backStackEntry.arguments?.getString(id) ?: returncomposable val type backStackEntry.arguments?.getString(type) ?: returncomposable DetailScreen( itemId id, itemType type, onBack { navController.popBackStack() } ) } } }