从StateFlow收集状态

Question

我开发了应用程序的组成和MVVM的架构。我有viewModel和每个屏幕的视图状态。ViewModel：

class ProfileViewModel : ViewModel() {

    private val _state = MutableStateFlow(ProfileViewState())
    val state: StateFlow<ProfileViewState> get() = _state

    val actions = Channel<ProfileAction>()

    init {
        viewModelScope.launch {
            combine(_state) {
                ProfileViewState()
            }.collect {
                _state.value = it
            }
    }
}

状态：

class ProfileViewState {
    val nick: MutableStateFlow<String> = MutableStateFlow("default nick")
}

当用户按下按钮时，我会在状态下更改"nick“的值。

_state.value.nick.value = "new nick"

我希望在我的视图中观察状态，并在数据更改时自动更新它们。

@Composable
fun ProfileScreen() {
        val viewModel: ProfileViewModel = viewModel()
        val viewState by viewModel.state.collectAsState()
}

在TextView中，我尝试显示"nick“值

Text(text = viewState.nick.value, style = MaterialTheme.typography.h4)

问题是，当我在状态中更改数据时，屏幕不会做出任何反应，也不会更新。当我打开ProfileScreen时，我得到了状态(？)的同一个实例用默认值

Answer 1

对于简单的情况，您可以在ProfileViewState中使用ProfileViewState而不是MutableStateFlow。

类似于：

class ProfileViewState {
    var nick  by mutableStateOf("default nick")
}

在你的创作中：

  Text(text = viewState.value.nick, style = MaterialTheme.typography.h4)
  Button(onClick = { viewState.value.nick= "new nick"}){Text("Update")}

如果要使用MutableStateFlow，就必须观察nick。

类似于：

val nick = viewModel.state.value.nick.collectAsState()

Text(text = nick.value, style = MaterialTheme.typography.h4)
Button(onClick = { viewModel.state.value.nick.value  = "new nick"}){Text("Update")}

在这种情况下，您还可以在viewModel中提供一个函数来更新昵称：

class HelloViewModel : ViewModel() {
    //...
   
    fun onNameChange(newName: String) {
        _name.value = newName
    }
}

class ProfileViewState {

    val nick: MutableStateFlow<String> = MutableStateFlow("default nick")
   
    fun onNickChange(newNick: String) {
        nick.value = newNick
    }
}

然后在您的可组合中只需使用：

Button(
     onClick = { viewModel.onNickChange("new nick2")}
){ /*..*/ }

Answer 2

这可能是因为您正在使用嵌套的StateFlow，并且只收集外部的，同时更新内部的。我建议采取以下措施：

data class ProfileViewState(val nick: String, ...)

// Update it like:
fun updateNick(nick: String){
     _state.value = _state.value.copy(nick = nick)
}

这样viewModel.state.collectAsState()就可以工作了