状态流导致喷气背包中的导航循环构成

Question

应用中有两个屏幕。屏幕A和屏幕B。屏幕A的UI和导航逻辑基于状态类。

筛选

data class ScreenAState(
    val sourceName: String = "",
    val navigateToScreenB: Boolean = false
)

如果用户满足要求，navigatetScreenb的值将更改为true，并且使用以下代码将用户导航到屏幕B。

if (uiState.navigateToScreenB) {
     LaunchedEffect(uiState.navigateToScreenB) {
          findNavController().navigate(actionToScreenB)
        }
    }

现在，当用户按下屏幕B上的后退按钮时，问题就会发生。一旦用户从屏幕B返回到屏幕A，用户再次导航到屏幕B，如果再次按下后退按钮，则循环继续屏幕B。

我不确定是否正确使用启动效果。任何帮助将不胜感激。谢谢。

Answer 1

执行导航后，您应该将navigatetoscreenb设置为false。
在您的视图模型中声明这样的内容。

class YourViewModel: ViewModel() {
    private val _uiState = MutableStateFlow(ScreenAState())
    val uiState = _uiState.asStateFlow()

    fun onNavigateToScreenB() {
        uiState.update {
            it.copy(navigateToScreenB = false)
        }
    }
    ...
}    

在您的屏幕上：

val uiState by yourViewModel.uiState.collectAsState()
if (uiState.navigateToScreenB) {
    LaunchedEffect(uiState.navigateToScreenB) {
        viewModel.onNavigateToScreenB()
        findNavController().navigate(actionToScreenB)
    }
}