使用Jetpack Navigation配合Compose时界面持续闪烁该如何解决？

你的判断完全正确，问题确实出在isLoginSuccessful是持久状态，一旦设为true就会一直保持该值，导致LoginScreen每次重组都会重复触发导航逻辑，最终出现页面闪烁、登录页面无法销毁的问题。

以下是两种常用的解决方案：

方案1：使用SharedFlow实现一次性事件（推荐） #

这是官方推荐的一次性事件处理方式，事件被消费后不会重复触发，适配所有场景。

修改后的LoginViewModel.kt代码：

@HiltViewModel
class LoginViewModel @Inject constructor() : ViewModel() {
  // 定义登录事件类型，方便后续扩展
  sealed class LoginEvent {
    object LoginSuccess : LoginEvent()
    data class LoginError(val message: String) : LoginEvent()
  }

  // 配置无回放的SharedFlow，保证事件仅被消费一次
  private val _loginEvent = MutableSharedFlow<LoginEvent>(
    replay = 0,
    extraBufferCapacity = 1,
    onBufferOverflow = BufferOverflow.DROP_OLDEST
  )
  val loginEvent = _loginEvent.asSharedFlow()

  fun onLoginClick(email: String, password:String) {
    viewModelScope.launch {
      if (credentialsValid(email, password)) {
        _loginEvent.emit(LoginEvent.LoginSuccess)
      } else {
        _loginEvent.emit(LoginEvent.LoginError("Email or password invalid"))
      }
    }
  }

  // 原有账号校验逻辑
  private fun credentialsValid(email: String, password: String): Boolean {
    return email.isNotBlank() && password.isNotBlank()
  }
}

修改后的LoginScreen.kt代码：

@Composable
fun LoginScreen(
  navController: NavController,
  viewModel: LoginViewModel = hiltViewModel()
) {
  println("Recomponing...")
  // 登录表单原有逻辑

  // 仅在页面首次进入时启动事件收集，避免重复触发
  LaunchedEffect(Unit) {
    viewModel.loginEvent.collect { event ->
      when(event) {
        is LoginViewModel.LoginEvent.LoginSuccess -> {
          navController.navigate(Screen.AccountsScreen.route) {
            popUpTo(Screen.LoginScreen.route) { inclusive = true }
          }
        }
        is LoginViewModel.LoginEvent.LoginError -> {
          // 展示错误提示，可替换为Snackbar等其他组件
          Toast.makeText(LocalContext.current, event.message, Toast.LENGTH_SHORT).show()
        }
      }
    }
  }
}

方案2：手动重置状态（简易实现） #

如果不想引入Flow，也可以在处理完导航逻辑后立刻重置状态，适合简单临时场景使用，缺点是存在小概率重复触发导航的风险。

仅需修改LoginScreen.kt的导航逻辑：

if (viewModel.isLoginSuccessful) {
  navController.navigate(Screen.AccountsScreen.route) {
    popUpTo(Screen.LoginScreen.route) { inclusive = true }
  }
  // 处理完事件立刻重置状态，避免重复触发
  viewModel.isLoginSuccessful = false
}

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