Jetpack Compose之 在Compose中使用Navigation导航(1)

修改页面1的代码如下所示：

@Composable

fun PageOne(navController: NavController) {

Column(

modifier = Modifier

.fillMaxWidth()

.fillMaxHeight()

.background(

Color.White

)

) {

Text(text = “这是页面1”)

Spacer(modifier = Modifier.height(20.dp))

Button(onClick = {

//点击跳转到页面2

navController.navigate(RouteConfig.ROUTE_PAGETWO)

}) {

Text(

text = “跳转页面2”,

modifier = Modifier.fillMaxWidth(),

textAlign = TextAlign.Center

)

}

}

}

我们在按钮的监听事件中调用navController.navigate方法，传入页面2的路由地址，这样就可以跳转到页面2了。在页面2中调用popBackStack方法将当前页面出栈便又回到了页面1，这里就不贴页面2的代码了。当然我们要记得最后一步：在入口处调用 NavHostDemo()

setContent {

NavigationTheme {

// A surface container using the ‘background’ color from the theme

Surface(color = MaterialTheme.colors.background) {

NavHostDemo()

}

}

}

运行程序，点击跳转页面2按钮，在页面2 点击返回页面1按钮，效果如下图所示。

这样一来，我们就实现了 普通页面跳转，那么 如果我们在页面跳转的时候需要传递参数 ，该如何去做呢？

这里以页面1跳转页面2为例，假设页面1跳转到页面2时需要传递一个name参数和age参数，该如何去做呢？

传递参数

---

必传参数

首先，我们定义一个参数配置文件，代码如下所示：

object ParamsConfig {

/**

* 参数-name

*/

const val PARAMS_NAME = “name”

/**

* 参数-age

*/

const val PARAMS_AGE = “age”

}

修改NavHost的配置，代码如下所示：

NavHost(navController = navController, startDestination = RouteConfig.ROUTE_PAGEONE) {

composable(RouteConfig.ROUTE_PAGEONE) {

PageOne(navController)

}

composable(

“KaTeX parse error: Expected '}', got 'EOF' at end of input: …OUTE_PAGETWO}/{{ParamsConfig.PARAMS_NAME}}/{${ParamsConfig.PARAMS_AGE}}”,

arguments = listOf(

navArgument(“$ParamsConfig.PARAMS_NAME”) {},

navArgument(“$ParamsConfig.PARAMS_AGE”) { type = NavType.IntType }

)

) {

PageTwo(navController)

}

}

这里，直接将传递的参数使用"/“拼写在路由地址后面添加占位符即可，默认情况下，所有的参数都会被解析成字符串，所以我们可以使用arguments来为参数指定type类型。当然，因为这里我们只需要将年龄字段指定为整形，所以 navArgument(”$ParamsConfig.PARAMS_NAME") {}也可以不写，这里知道就行啦~

那么PageTwo页面该如何接收参数呢？

可以通过composable函数中提供的NavBackStackEntry来获取，并将获取的结果传递给PageTwo页面即可，修改后的代码如下所示：

NavHost(navController = navController, startDestination = RouteConfig.ROUTE_PAGEONE) {

composable(RouteConfig.ROUTE_PAGEONE) {

PageOne(navController)

}

composable(

“KaTeX parse error: Expected '}', got 'EOF' at end of input: …OUTE_PAGETWO}/{{ParamsConfig.PARAMS_NAME}}/{${ParamsConfig.PARAMS_AGE}}”,

arguments = listOf(

navArgument(“$ParamsConfig.PARAMS_AGE”) { type = NavType.IntType }

)

) {

val argument = requireNotNull(it.arguments)

val name = argument.getString(ParamsConfig.PARAMS_NAME)

val age = argument.getInt(ParamsConfig.PARAMS_AGE)

PageTwo(name,age,navController)

}

}

在PageTwo页面接受传递的参数，并添加一个Text用于显示，修改后的PageTwo的主要代码如下所示：

{

Text(text = “这是页面2”)

Spacer(modifier = Modifier.height(20.dp))

Text(text = “我是$name,我今年$age 岁了”)

Spacer(modifier = Modifier.height(20.dp))

Button(onClick = {

//点击返回页面1

navController.popBackStack()

}) {

Text(

text = “返回页面1”,

modifier = Modifier.fillMaxWidth(),

textAlign = TextAlign.Center

)

}

}

最后，在页面1的监听事件中使用占位符传参即可，代码如下所示：

{

Text(text = “这是页面1”)

Spacer(modifier = Modifier.height(20.dp))

Button(onClick = {

//点击跳转到页面2

navController.navigate(“${RouteConfig.ROUTE_PAGETWO}/黄林晴/26”)

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip204888 （备注Android）

尾声

如果你想成为一个优秀的 Android 开发人员，请集中精力，对基础和重要的事情做深度研究。

对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。 整理的这些架构技术希望对Android开发的朋友们有所参考以及少走弯路，本文的重点是你有没有收获与成长，其余的都不重要，希望读者们能谨记这一点。

这里，笔者分享一份从架构哲学的层面来剖析的视频及资料给大家梳理了多年的架构经验，筹备近6个月最新录制的，相信这份视频能给你带来不一样的启发、收获。

Android进阶学习资料库

一共十个专题，包括了Android进阶所有学习资料，Android进阶视频，Flutter，java基础，kotlin，NDK模块，计算机网络，数据结构与算法，微信小程序，面试题解析，framework源码！

大厂面试真题

PS：之前因为秋招收集的二十套一二线互联网公司Android面试真题 （含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。）

《2019-2021字节跳动Android面试历年真题解析》

本文已被CODING开源项目：《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录

一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

ndroid学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》]( )收录**

一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算