当 viewmodel 中的 mutablestateflow 时，Composable 不会更新

Question

我有 Viewmodel，我在其中保留对帖子的引用。 当我想翻译帖子时，我运行 function 来更新 state 流和帖子，如果我把日志放在那里，我会看到该值已更改，但我的可组合没有得到任何新值。 这是来自 viewmodel 的部分代码，它可以做到这一点

    private var originalText = tile.text?.originalText
    private var text = tile.text?.text

    private var _postTileState = MutableStateFlow(tile)
    val tileState = _postTileState.asStateFlow()

    fun translateText() {
        val newText = if (_postTileState.value.text?.isTranslated == true)
            originalText
        else text
        val postText = PostText(
            text = newText,
            isTranslated = !_postTileState.value.text?.isTranslated!!,
            originalText = tile.text?.originalText
        )
        _postTileState.value.text = postText
    }

瓷砖这里是一篇文章。 这是父母可组合的

@Composable
fun PostTileView(
    tile: PostTile,
    content: @Composable (
        tile: PostTile,
    ) -> Unit
) {
    val postTileViewModel = postTileViewModel(
        tile,
        id = tile.id
    )
    val postTile = postTileViewModel.tileState.collectAsState().value

    Column(
        modifier = Modifier
            .background(Style.colors.content)
            .padding(bottom = 10.dp)
    ) {
        PostTileHeaderView(postTile.author, createdDate = postTile.createdDate)
        content(postTile)
        if(postTile.text?.originalText != null) {
            Button(onClick = {
                postTileViewModel.translateText()
            }) {
                val buttonTitle = if(postTile.text!!.isTranslated == true)
                    "Show original" else "Translate"
                Text(text = buttonTitle)
            }
        }
        PostTags(tags = postTile.tags)
    }
}

如果我将其他一些 state 和这个放在 viewmodel 中，比如一些 boolean 并在可组合中获得对它的引用，它可以正常工作，但更新后它不起作用。 我错过了什么？

Answer 1

The problem is with your translateText() function, you can't update just a single variable of the object inside the state flow like that _postTileState.value.text = postText , but instead you need to update the hole object so your function should look像那样：

fun translateText() {
    val newText = if (_postTileState.value.text?.isTranslated == true)
        originalText
    else text
    val postText = PostText(
        text = newText,
        isTranslated = !_postTileState.value.text?.isTranslated!!,
        originalText = tile.text?.originalText
    )
    _postTileState.value = _postTileState.value.copy(text = postText)
}

现在 state 流程会注意到您设置了一个新的 object。