帮我写一个JetPack Compose Navigation转场动画
时间: 2023-05-17 07:03:39 浏览: 93
【VRP】遗传算法求解出租车网约车接送客车辆路径规划问题【含Matlab仿真 2153期】.zip
当然可以,以下是一个简单的 JetPack Compose Navigation 转场动画的示例代码:
```kotlin
@Composable
fun NavGraph() {
val navController = rememberNavController()
NavHost(navController = navController, startDestination = "screen1") {
composable("screen1") {
Screen1(navController = navController)
}
composable("screen2") {
Screen2(navController = navController)
}
}
}
@Composable
fun Screen1(navController: NavController) {
Column(
modifier = Modifier.fillMaxSize(),
horizontalAlignment = Alignment.CenterHorizontally,
verticalArrangement = Arrangement.Center
) {
Text(text = "Screen 1")
Button(onClick = { navController.navigate("screen2") }) {
Text(text = "Go to Screen 2")
}
}
}
@Composable
fun Screen2(navController: NavController) {
Column(
modifier = Modifier.fillMaxSize(),
horizontalAlignment = Alignment.CenterHorizontally,
verticalArrangement = Arrangement.Center
) {
Text(text = "Screen 2")
Button(onClick = { navController.popBackStack() }) {
Text(text = "Go back to Screen 1")
}
}
}
```
这个示例代码中,我们使用了 JetPack Compose Navigation 组件来实现页面之间的导航,同时在每个页面中添加了一个按钮来实现页面之间的跳转。在这个示例中,我们使用了默认的转场动画,如果你想要自定义转场动画,可以使用 `NavOptionsBuilder` 中的 `enterTransition` 和 `exitTransition` 方法来实现。
阅读全文