如何为JetPack Compose navigation 添加跳转动画
时间: 2023-05-16 20:06:10 浏览: 377
为JetPack Compose navigation添加跳转动画的步骤如下:
1. 在导航图中定义动画资源,例如:
```kotlin
val navController = rememberNavController()
navController.navigatorProvider.addNavigator(
AnimatedNavHost(
navController = navController,
animationSpec = tween(500),
startDestination = "screen1"
)
)
```
2. 在目标屏幕中使用`NavHost`,例如:
```kotlin
NavHost(
navController = navController,
startDestination = "screen1"
) {
composable("screen1") {
// 屏幕1
}
composable("screen2") {
// 屏幕2
}
}
```
3. 在目标屏幕中使用`AnimatedVisibility`,例如:
```kotlin
AnimatedVisibility(
visible = currentScreen == "screen1",
enter = slideInHorizontally(initialOffsetX = { it }),
exit = slideOutHorizontally(targetOffsetX = { -it })
) {
// 屏幕1的内容
}
```
这样就可以为JetPack Compose navigation添加跳转动画了。
阅读全文
相关推荐
















