Skip to main content

Jetpack Compose NavigationにAnimationを追加する

画面遷移時にアニメーションをつけたい
そんなわけでそのやり方


・ライブラリ
androidx.navigation:navigation-composeの
バージョンを2.7.1に上げる
そのためにcompileSdkを34にする

 

・アニメーション
以下のように遷移時にアニメーションをつけれる
スライドさせればiOSっぽくできる
https://medium.com/@alexander13oster/compose-navigation-animation-c4f3e7113637

composable(route = "hogehoge",
    enterTransition = {
        slideIntoContainer(
            towards = AnimatedContentTransitionScope.SlideDirection.Start,
            animationSpec = tween(200)
        )
) {
    Screen()
}

関連記事:

Pocket