android - 在不调用 recompose 的情况下，如何更新 jetpack 中的特定 ui 组件？

Question

在我的用户界面中，我有一个圆形进度条，进度每秒更新一次。该 UI 中的其他文本保持不变(静态)。我只想更新进度条，而不是重新组合整个屏幕。我怎样才能做到这一点？

Answer 1

您需要将屏幕拆分为不同的可组合项，以便在状态值发生变化时，所有依赖于该状态的 View 都被分组到一个可组合项中。

以这段代码为例:

@Composable
fun TestScreen(
) {
    var progress by remember { mutableStateOf(0f) }
    var otherStateValue by remember { mutableStateOf("") }
    Box {
        SomeTextView(otherStateValue)
        ProgressView(progress)
    }
}


@Composable
fun SomeTextView(text: String) {
    
}

@Composable
fun ProgressView(progress: Float) {

}

如果任何 progress 和 text 值发生变化，TestScreen 将被重新组合。但是如果 text 自上次重组后没有改变，SomeTextView 将被缓存并且不会被重组。

参见 compose mental model有关重组工作原理的更多详细信息。

此外，如果您明智地构建 View ，不直接在代码中使用任何副作用(查看副作用 documentation 了解更多详细信息)并使用 remember/view model 缓存计算结果/etc(检查 compose 中的状态 documentation )，然后重组将是一个非常轻的操作。