标签：Compose name navController Jetpack --- composable NavHost Navigation 路由

1. Navigation结合Compose基本使用总结

   1. 添加依赖

      implementation "androidx.navigation:navigation-compose:2.4.0-alpha06"
      

   2. 无参路由

      • NavController:

        val navController = rememberNavController()
        

      • NavHost

        NavGraphBuilder:它是NavHost的最后一个参数,可以使用尾随的lambda来创建路由.

        NavHost(
                navController = navController,
                startDestination = RallyScreen.Overview.name,
                modifier = Modifier
            ) { //this:NavGraphBuilder
                // TODO: 2021/9/3 3.定义nav graph
                composable("login") {
                    // 页面一
                }
                composable("register") {
                    // 页面二
                }
            }
        

   3. 使用参数的Navigation

      • 配置参数路由Composable

        composable(
           route = "$accountsName/{name}",
           arguments = listOf(
               navArgument("name") {
                    // 确保类型安全
                    type = NavType.StringType
               }
           )
        ) { entry ->
            // 从传递的参数中获取数据
            val accountName = entry.arguments?.getString("name")
        }
        

      • // 当我们调用以下语句时,就会调用上面的参数路由
        navController.navigate("login/username")
        

标签：Compose,name,navController,Jetpack,---,composable,NavHost,Navigation,路由
来源： https://www.cnblogs.com/sowhappy/p/15225072.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。