Android Compose+新SplashAPI启动时引导页短暂闪现问题求助

你的问题根源有两个：

1. SplashViewModel中持续监听DataStore导致loading无法关闭：repository.readLoginState().collect会一直监听DataStore的状态变化，后续的_isLoading.value = false永远不会执行。但闪屏的setKeepOnScreenCondition判断的是!splashViewModel.isLoading.value，此时isLoading一直为true，条件不成立，闪屏会立即消失。
2. NavHost初始加载错误页面：startDestination初始值设为Onboarding.route，闪屏消失后NavHost会先加载Onboarding页面，之后Flow返回登录状态才更新startDestination，触发Compose重组重新创建NavHost，导致短暂显示Onboarding后跳转到Home。

修改SplashViewModel的逻辑，只获取一次登录状态，确定启动页面后再关闭loading，确保闪屏保持到状态完全确定后再消失，让NavHost初始化时直接使用正确的启动页面。

修改后的SplashViewModel代码 #

class SplashViewModel @Inject constructor(
    private val repository: LoginRepository
) : ViewModel() {

    private val _isLoading: MutableStateFlow<Boolean> = MutableStateFlow(true)
    val isLoading = _isLoading.asStateFlow()

    private val _startDestination: MutableState<String> = mutableStateOf(Screen.Onboarding.route)
    val startDestination: State<String> = _startDestination

    init {
        viewModelScope.launch {
            // 只获取一次登录状态，而非持续监听
            val isLoginCompleted = repository.readLoginState().first()
            
            _startDestination.value = if (isLoginCompleted) {
                Screen.HomeScreen.route
            } else {
                Screen.Onboarding.route
            }
            
            // 确定启动页面后再关闭loading，闪屏会保持到此时
            _isLoading.value = false
        }
    }
}

额外优化（可选） #

如果后续需要监听登录状态变化（比如用户退出登录后返回登录页），可以单独启动一个协程持续监听，但启动时的首次判断必须用first()确保闪屏期间完成状态确定：

init {
    viewModelScope.launch {
        // 首次获取状态，确定启动页面
        val isLoginCompleted = repository.readLoginState().first()
        _startDestination.value = if (isLoginCompleted) Screen.HomeScreen.route else Screen.Onboarding.route
        _isLoading.value = false
    }
    
    // 可选：持续监听状态变化，用于后续页面跳转
    viewModelScope.launch {
        repository.readLoginState().collect { completed ->
            _startDestination.value = if (completed) Screen.HomeScreen.route else Screen.Onboarding.route
        }
    }
}

同时，为了避免NavHost因startDestination变化而重复创建，可以在SetupNavigation中使用LaunchedEffect监听startDestination变化，通过navController进行导航，而非依赖NavHost的startDestination参数：

@Composable
fun SetupNavigation(startDestination: String) {
    val navController = rememberNavController()

    LaunchedEffect(startDestination) {
        // 当启动页面变化时，导航到目标页面
        navController.navigate(startDestination) {
            popUpTo(navController.graph.startDestinationId) { inclusive = true }
        }
    }

    NavHost(
        navController = navController, 
        // 初始启动页设为一个空页面，避免初始加载错误页面
        startDestination = Screen.SplashPlaceholder.route
    ) {
        // 添加一个占位页面，仅用于初始化NavHost
        composable(Screen.SplashPlaceholder.route) { /* 空实现 */ }
        
        composable(Screen.Onboarding.route) {
            OnBoarding(navController = navController)
        }
        composable(Screen.LoginScreen.route) {
            LoginScreen(navController = navController)
        }
        composable(Screen.HomeScreen.route) {
            HomeScreen()
        }
    }
}

需要新增一个SplashPlaceholder的Screen枚举项：

enum class Screen(val route: String) {
    SplashPlaceholder("splash_placeholder"),
    Onboarding("onboarding"),
    LoginScreen("login"),
    HomeScreen("home")
}

• 使用first()获取一次DataStore状态，确保在闪屏期间完成启动页面的判断，避免持续监听导致loading无法关闭。
• 闪屏会保持到_isLoading.value = false执行后才消失，此时startDestination已经设置正确，NavHost初始化时直接加载目标页面，不会出现中间页面闪烁。
• 可选的持续监听逻辑用于后续状态变化时的页面跳转，不影响启动时的流程。

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