Jetpack Compose如何根据用户登录状态跳转启动页并解决DataStore读取延迟问题

DataStore的读取操作为异步逻辑，你为collectAsState指定的初始空值会在首次重组时生效，此时DataStore还未返回本地存储的真实邮箱、密码数据，导致logged首次赋值永远为false。等DataStore读取完成触发二次重组时，初始导航逻辑已经执行完成，因此永远默认进入登录页。

1. 新增加载状态避免闪烁 #

在DataStore读取完成前展示启动占位页，不要提前执行导航判断，从根源避免页面跳转闪烁。

2. 合并登录状态监听逻辑 #

把邮箱、密码两个Flow合并为一个登录状态Flow，减少不必要的重组次数。

3. 动态设置导航起始目的地 #

等登录状态确定后再指定NavHost的起始路由，无需后续跳转判断。

MainActivity 部分 #

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        ...
        setContent {
            val context = LocalContext.current
            val dataStore = StoreUserInfo(context)
            
            // 合并两个Flow直接计算登录状态，初始null代表正在读取数据
            val isLogged by combine(
                dataStore.getEmail,
                dataStore.getPass
            ) { email, pass ->
                !email.isNullOrBlank() && !pass.isNullOrBlank()
            }.collectAsState(initial = null)
            
            // 读取中展示启动屏，无需执行后续逻辑
            if (isLogged == null) {
                // 可自定义启动页UI，比如展示App Logo
                Box(modifier = Modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
                    Text(text = "应用启动中...")
                }
                return@setContent
            }
            
            MyApp(logged = isLogged as Boolean)
        }
    }
}

NavGraph 部分 #

@Composable
fun NavGraph(
    modifier: Modifier = Modifier,
    finishActivity: () -> Unit = {},
    navController: NavHostController = rememberNavController(),
    userLogged: Boolean,
    navigator: Navigator
) {
    // 登录状态确定后直接指定起始目的地，无需后续跳转
    val startDestination = remember(userLogged) {
        if (userLogged) BottomMenu.Home.route else Screen.Login.route
    }
    
    NavHost(navController = navController, startDestination = startDestination) {
        navigation(
            route = Screen.Home.route,
            startDestination = BottomMenu.Home.route
        ) {
            home(...)
        }
        composable(Screen.Login.route) {
            LoginScreen(...)
        }
    }   
}

最后删除原来NavGraphBuilder.inicio中用于登录判断的LaunchedEffect逻辑即可，无需再做二次判断。

• 不要明文存储用户密码，建议使用EncryptedDataStore加密存储敏感信息，或仅存储登录凭证Token替代密码
• 登录状态可封装到全局ViewModel中，避免跨页面传递参数的冗余代码

内容的提问来源于stack exchange，提问作者Juan Domínguez