Jetpack组合底部导航栏可见度随延迟变化 [英] Jetpack Compose Bottom Navigation Bar visibility changes with delay

问题描述

我有一个底部导航栏，上面有3个屏幕。我使用AnimatedVisibility将底部导航栏隐藏在详细信息屏幕中，但可见性会随延迟而改变。

        Surface(color = MaterialTheme.colors.background) {
            // Get UI state
            val uiState by rememberFlowWithLifecycle(flow = viewModel.uiState).collectAsState(initial = MainUiState(true))
            // Set Status bar to transparent
            SetStatusBarColor()
            // Create Navigation
            val navController = rememberNavController()
            val navigationActions = remember(navController) {
                NavActions(navController)
            }
            // Create Scaffold Composable
            Scaffold(
                topBar = { },
                bottomBar = {
                    AnimatedVisibility(
                        visible = uiState.isBottomBarVisible,
                    ) {
                        BottomNavigationBar(
                            navController,
                            navigationActions,
                            Modifier.navigationBarsPadding()
                        )
                    }
                }
            ) { innerPaddings ->
                NavigationGraph(
                    navController,
                    navigationActions,
                    Modifier
                        .padding(innerPaddings)
                        .statusBarsPadding()
                )
            }
            // Change bottom bar state
            val currentRoute = getCurrentRoute(navController = navController)
            viewModel.changeBottomBarVisibility(currentRoute != Screen.Detail.path)
        }
    }

使用默认进入和退出动画时，可见性更改而不会延迟

但当我更改Enter和Exit动画时，例如scale，底部栏变得不可见时表现迟缓

AnimatedVisibility(
       visible = uiState.isBottomBarVisible,
       enter = scaleIn(),
       exit = scaleOut()
        ) {
            BottomNavigationBar(
               navController,
               navigationActions,
               Modifier.navigationBarsPadding()
             )
     }

在华为P40 Lite和Google Pixel Emulator上测试，行为是相同的。

编写版本为1.0.5 编写导航版本为2.4.0 合成动画版本为1.1.0

简而言之，如果没有默认动画，动画可见性就不会有流畅的行为

推荐答案

我认为，这是因为当您隐藏BottomBar时屏幕大小会发生变化。要解决此问题，请尝试删除NavigationGraph中的padding(innerPaddings)修饰符，并手动控制每个页面的填充。如果没有帮助，我稍后将尝试您的代码。

这篇关于Jetpack组合底部导航栏可见度随延迟变化的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！