KMP应用返回登录页后无法隐藏底部Tab栏的问题

问题核心是登录页面嵌套在主屏幕的Scaffold内部导航栈中，导致Scaffold的底部Tab栏始终显示。以下是两种可行的解决方式：

方案一：将登录页面设为根级导航屏幕（推荐） #

把登录页面和带底部Tab的主屏幕放在同一级根导航中，让登录页面完全独立于Scaffold，自然不会显示底部栏。

步骤1：重构根导航结构 #

@Composable
fun RootNavigation() {
    val preferenceManager = LocalPreferenceManager.current
    val isLoggedIn = remember { mutableStateOf(preferenceManager.hasAuthToken()) }

    Navigator(
        screen = if (isLoggedIn.value) MainScreen else LoginScreen
    ) { navigator ->
        SlideTransition(it)

        // 监听登录状态变化，自动切换根屏幕
        LaunchedEffect(isLoggedIn.value) {
            navigator.replaceAll(if (isLoggedIn.value) MainScreen else LoginScreen)
        }
    }
}

// 将原主屏幕封装为独立Screen
object MainScreen : Screen {
    @Composable
    override fun Content() {
        TabNavigator(BrandsTab) {
            Scaffold(
                content = { CurrentTab() },
                bottomBar = {
                    BottomNavigation(backgroundColor = Color.White) {
                        TabNavigationItem(BrandsTab)
                        TabNavigationItem(PickPlayTab)
                        TabNavigationItem(RecordingTab)
                        TabNavigationItem(SettingsTab)
                    }
                }
            )
        }
    }
}

步骤2：修改登录跳转逻辑 #

使用根级Navigator跳转，脱离原Tab内部导航栈：

val rootNavigator = LocalRootNavigator.currentOrThrow
if (errorMessage?.lowercase()?.contains("expired") == true) {
    preferenceManager.clearAuthToken()
    rootNavigator.replaceAll(LoginScreen)
}

方案二：根据导航栈动态控制底部栏显示 #

如果不想调整根结构，可在主屏幕Scaffold中监听导航栈内容，当栈内包含登录页面时隐藏底部栏：

@Composable
override fun Content() {
    TabNavigator(BrandsTab) {
        val currentNavigator = LocalNavigator.currentOrThrow
        // 获取当前导航栈的所有页面路由
        val screenRoutes = currentNavigator.backStack.entries.map { it.route }

        Scaffold(
            content = { CurrentTab() },
            bottomBar = {
                // 仅当栈内无登录页面时显示底部栏
                if (!screenRoutes.contains(LoginScreen.route)) {
                    BottomNavigation(backgroundColor = Color.White) {
                        TabNavigationItem(BrandsTab)
                        TabNavigationItem(PickPlayTab)
                        TabNavigationItem(RecordingTab)
                        TabNavigationItem(SettingsTab)
                    }
                }
            }
        )
    }
}

注：需确保LoginScreen正确定义了route属性，用于判断页面身份。

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