Jetpack Compose条件导航：已登录用户跳转前LoginScreen闪屏问题

你的问题不是NavHost不支持这类导航，而是实现方案的时机不对，导致登录页短暂渲染后才跳转。

核心原因 #

当前你把Login.route设为固定的startDestination，应用启动后会先渲染LoginScreen，之后LoginViewModel才完成登录状态的检查并更新AuthState，此时LaunchedEffect触发跳转——这个过程中登录页已经被Compose绘制出来，所以会出现短暂显示的情况。

正确实现方案 #

要避免这种闪烁，应该在NavHost初始化前就确定启动目标，根据登录状态动态设置startDestination，而不是进入登录页后再跳转。

步骤1：顶层Composable中动态判断启动页

在应用的入口Composable里，先监听登录状态，根据状态决定NavHost的启动目标，同时处理状态加载中的情况（比如显示闪屏页）：

@Composable
fun MyApp(
    navController: NavHostController = rememberNavController(),
    loginViewModel: LoginViewModel = hiltViewModel()
) {
    val authState by loginViewModel.uiState.collectAsStateWithLifecycle()

    when (authState) {
        // 状态未加载完成时，显示闪屏/加载页
        null -> SplashScreen()
        // 已登录，直接以首页为启动目标
        AuthState.LoggedIn -> {
            NavHost(navController = navController, startDestination = Home.route) {
                homeGraph(displayFeatures = displayFeatures, navController = navController)
                loginGraph(displayFeatures = displayFeatures, navController = navController)
            }
        }
        // 未登录，以登录页为启动目标
        else -> {
            NavHost(navController = navController, startDestination = Login.route) {
                loginGraph(displayFeatures = displayFeatures, navController = navController)
                homeGraph(displayFeatures = displayFeatures, navController = navController)
            }
        }
    }
}

步骤2：确保ViewModel初始化时立即检查登录状态

修改LoginViewModel，在初始化时就同步检查登录状态，避免uiState长时间处于null：

class LoginViewModel : ViewModel() {
    private val _uiState = MutableStateFlow<AuthState?>(null)
    val uiState: StateFlow<AuthState?> = _uiState.asStateFlow()

    init {
        // 初始化时立即检查本地登录状态（比如DataStore/SharedPreferences）
        checkAuthStatus()
    }

    private fun checkAuthStatus() {
        // 替换为你的实际登录状态判断逻辑
        val isLoggedIn = checkIfUserIsLoggedIn()
        _uiState.value = if (isLoggedIn) {
            AuthState.LoggedIn
        } else {
            AuthState.EnterPhone
        }
    }
}

备选优化（不推荐） #

如果因架构限制必须在LoginRoute内处理，可以在LoginScreen中根据authState控制内容显示，当状态为LoggedIn时不渲染登录UI，而是显示加载状态：

@Composable
fun LoginRoute(
    modifier: Modifier = Modifier,
    viewModel: LoginViewModel = hiltViewModel(),
    displayFeatures: List<DisplayFeature>,
    onLoggedIn: () -> Unit
) {
    val loginUiState by viewModel.uiState.collectAsStateWithLifecycle()

    LaunchedEffect(key1 = loginUiState) {
        if (loginUiState == AuthState.LoggedIn) onLoggedIn()
    }

    when (loginUiState) {
        AuthState.LoggedIn, null -> LoadingScreen()
        else -> LoginScreen(...)
    }
}

这种方式能减少闪烁，但不如动态设置startDestination彻底，因为NavHost仍然会先加载登录路由。

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