Navigation-Transition-Share

使用Compose Multiplatform对Navigation和Modifier.shareElement/shareBounds封装创建的一个容器过渡转场动画，支持在NavHost下无限打开N级界面，有四档背景特效调节(模糊、缩放、压暗)

平台

Wasm(JS)、Desktop(JVM)、iOS、Android

命令

./gradlew :composeApp:wasmJsBrowserDevelopmentRun  # Wasm Run In Development
./gradlew :composeApp:wasmJsBrowserProductRun  # Wasm Run In Product
./gradlew :composeApp:wasmJsBrowserDistribution # Wasm打包
./gradlew :composeApp:packageDistributionForCurrentOS # 打包
./gradlew :composeApp:run --no-configuration-cache # Jvm/Desktop Run
./gradlew :composeApp:jsBrowserDevelopmentRun  # Wasm Run In Development
./gradlew :composeApp:jsBrowserProductRun  # Wasm Run In Product
./gradlew jsBrowserDistribution # Js打包

演示

• 单个连续打断动画

8a7c1d3c6f3bbf3696a99eb498165bbd_raw.mp4

• 多个连续打断动画

2941e19450cf8eb56fd76c36672dcc55_raw.mp4

• 正常开闭动画

bfdc9718186ca5bd345ea46d872ea52e_raw.mp4

• 全场景打断动画

793419d5e9277481b8f64687d4e7ca0a_raw.mp4

食用

Import 模块 :transition

具体使用案例

下一步计划

手搓导航栈以解决Navigation2的性能问题