android - 使用 Jetpack Compose 导航控制器进行导航时，Jetpack 组件屏幕重叠或部分呈现

Question

这是症状 - Youtube

使用 Jetpack Compose 导航控制器进行导航时，屏幕看起来像是部分渲染或重叠的。

我试图找到一个答案，但似乎根本没有人遇到这个问题。

以下是相关的代码片段

@Composable
fun NavHostAuth(
    navController: NavHostController,
) {
    NavHost(
        navController = navController,
        startDestination = NavRoutesAuth.SignIn.route
    ) {

        composable(NavRoutesAuth.SignIn.route) {
            EnterAnimation {
                ScreenSignInWithInputValidationDebounce(navController)
            }
        }

        composable(NavRoutesAuth.SignUp.route) {
            EnterAnimation {
                ScreenSignUpWithInputValidationDebounce(navController)
            }
        }

    }
}

enum class NavRoutesAuth(val route: String) {
    SignIn("auth/signin"),
    SignUp("auth/signup"),
}

@OptIn(ExperimentalAnimationApi::class)
@Composable
fun EnterAnimation(content: @Composable () -> Unit) {
    val visible by remember { mutableStateOf(true) }
    AnimatedVisibility(
        visible = visible,
        modifier = Modifier,
        enter = slideInVertically(initialOffsetY = { -40 })
                + expandVertically(expandFrom = Alignment.Top)
                + fadeIn(initialAlpha = 0.3f),
        exit = slideOutVertically()
                + shrinkVertically()
                + fadeOut()
    ) {
        content()
    }

}

可能是什么原因？谢谢。