PageOne页面中有个按钮，点击按钮跳转到页面2，为了便于区分，添加一个Text用来显示当前页面内容。
接着来看PageTwo的代码，如下所示:
@Composable
fun PageTwo() {
Column(
modifier = Modifier
.fillMaxWidth()
.fillMaxHeight()
.background(
Color.White
)
) {
Text(text = “这是页面2”)
Spacer(modifier = Modifier.height(20.dp))
Button(onClick = {
//点击返回页面1
}) {
Text(
text = “返回页面1”,
modifier = Modifier.fillMaxWidth(),
textAlign = TextAlign.Center
)
}
}
}
MainActivity代码如下所示：
setContent {
NavigationTheme {
// A surface container using the ‘background’ color from the theme
Surface(color = MaterialTheme.colors.background) {
PageOne()
}
}
}
运行程序，显示出页面1 ，如图所示。
接下来我们来看，如何使用navigation来进行页面导航呢？
定义NavHost
首先我们定义一个NavHost对象
@Composable
fun NavHostDemo() {
NavHost(navController =, startDestination =) {
}
}
NavHost对象需要两个必传参数，一个是NavController，一个是起始路由地址，NavController 对象是 Navigation 组件的中心 API，我们可以通过 rememberNavController创建，代码如下所示：
val navController = rememberNavController()
为了便于管理路由地址，我们新建RouteConfig配置文件，代码如下所示：
object RouteConfig {
/**
* 页面1路由
*/
const val ROUTE_PAGEONE = “pageOne”
/**
* 页面1路由
*/
const val ROUTE_PAGETWO = “pageTwo”
}
在这里，将页面1路由设置为起始导航，并使用composable方法添加导航对应关系，修改后的NavHostDemo代码如下所示：
@Composable
fun NavHostDemo() {
val navController = rememberNavController()
NavHost(navController = navController, startDestination = RouteConfig.ROUTE_PAGEONE) {
composable(RouteConfig.ROUTE_PAGEONE) {
OnePage()
}
composable(RouteConfig.ROUTE_PAGETWO) {
PageTwo()
}
}
}
如此一来，我们就建立了导航对应关系，RouteConfig.ROUTE_PAGEONE对应OnePage，RouteConfig.ROUTE_PAGETWO对应PageTwo，由于我们需要在各自的页面中进行页面跳转，所以将navController传递到对应的页面中去，代码如下所示：
composable(RouteConfig.ROUTE_PAGEONE) {
PageOne(navController)
}
composable(RouteConfig.ROUTE_PAGETWO) {
PageTwo(navController)
}
这样我们就可以在页面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)
}
}
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）
总结
最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识，这里放上相关的我搜集整理的Android开发中高级必知必会核心笔记，共计2968页PDF、58w字，囊括Android开发648个知识点，我把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包知识脉络 + 诸多细节。
网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。
2021年虽然路途坎坷，都在说Android要没落，但是，不要慌，做自己的计划，学自己的习，竞争无处不在，每个行业都是如此。相信自己，没有做不到的，只有想不到的。
虽然面试失败了，但我也不会放弃入职字节跳动的决心的！建议大家面试之前都要有充分的准备，顺顺利利的拿到自己心仪的offer。
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！
深刻理解Android相关知识点的原理以及面试相关知识，这里放上相关的我搜集整理的Android开发中高级必知必会核心笔记，共计2968页PDF、58w字，囊括Android开发648个知识点，我把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包知识脉络 + 诸多细节。
[外链图片转存中…(img-AGevpbso-1712771826336)]
网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。
2021年虽然路途坎坷，都在说Android要没落，但是，不要慌，做自己的计划，学自己的习，竞争无处不在，每个行业都是如此。相信自己，没有做不到的，只有想不到的。
虽然面试失败了，但我也不会放弃入职字节跳动的决心的！建议大家面试之前都要有充分的准备，顺顺利利的拿到自己心仪的offer。
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！
1014
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
