设置页在手机上返回上一页的动画不连贯

[Him188]

问题描述

SettingsScreen, 从 detailsPane 返回到 listPane 时, detailsPane 会立即消失屏幕变白, 过一会才会有 listDetail 进入动画.

问题是

animeko/app/shared/ui-settings/src/commonMain/kotlin/ui/settings/SettingsScreen.kt

Lines 315 to 320 in 5f77b67

	detailPane = {
	AnimatedContent(
	navigator.currentDestination?.contentKey,
	Modifier
	.fillMaxSize(),
	transitionSpec = LocalAniMotionScheme.current.animatedContent.topLevel,

当返回 listPane 时, currentDestination.contentKey 会变为 null (因为没有选中任何设置页), 触发这里 AnimatedContent 动画, 这里用的 topLevel 动画是非常快速的 (200ms), 造成详情页立即消失了.

删除 AnimatedContent 无法解决问题, 因为 currentDestination.contentKey 仍然会变为 null, 这只能让动画变为 snap, 效果应该更差.

这可能是 Compose list detail navigator 的设计缺陷

复现步骤

No response

Ani 版本号

<450a1

操作系统

No response

应用日志

No response