求助：NavHost页面间无法禁用的非预期动画问题

使用底部导航栏切换3个页面时，页面出现不一致的滑动与淡入淡出动画，希望彻底禁用这些动画，或者至少让动画统一，实现页面直接显示的效果。

已尝试的操作 #

• 在NavHost中设置过渡为无动画：

NavHost(
    ...
    enterTransition = {
         EnterTransition.None
    },
    exitTransition = {
        ExitTransition.None
    }
)

• 尝试统一设置250ms的淡入淡出动画：

NavHost(
    ...
    enterTransition = {
         fadeIn(tween(250))
    },
    exitTransition = {
         fadeOut(tween(250))
    }
)

• 确认NavGraphBuilder内的composable()未单独设置过渡，甚至为每个composable()单独设置了None过渡，但均未生效。
• 查阅过相关技术帖子和已修复的旧Bug报告，问题仍存在，切换时动画带有“变形”感。

解决办法 #

1. 补全所有过渡参数设置
   底部导航切换可能触发栈的弹出操作，只设置enterTransition和exitTransition不够，得把popEnterTransition和popExitTransition也设为None：

NavHost(
    navController = navController,
    startDestination = "home",
    enterTransition = { EnterTransition.None },
    exitTransition = { ExitTransition.None },
    popEnterTransition = { EnterTransition.None },
    popExitTransition = { ExitTransition.None }
) {
    composable("home") { HomeScreen() }
    composable("profile") { ProfileScreen() }
    composable("settings") { SettingsScreen() }
}

2. 排查嵌套导航或第三方库
   如果页面里有嵌套NavHost或者用了第三方导航库，这些组件可能会覆盖外层的过渡设置，得把所有层级的导航动画都关掉。

3. 给每个页面单独锁死过渡
   要是全局设置没用，直接在每个composable里显式指定所有过渡为None，确保没残留默认动画：

composable(
    route = "home",
    enterTransition = { EnterTransition.None },
    exitTransition = { ExitTransition.None },
    popEnterTransition = { EnterTransition.None },
    popExitTransition = { ExitTransition.None }
) {
    HomeScreen()
}

4. 升级Compose Navigation版本
   旧版本的Compose Navigation有过渡动画的Bug，直接更到最新稳定版（比如androidx.navigation:navigation-compose:2.7.7及以上），很多已知的动画不一致问题都已经修复了。

内容的提问来源于stack exchange，提问作者keegaroo65