Jetpack Compose 使用Recompose刷新UI

最新推荐文章于 2026-05-14 17:12:10 发布

原创最新推荐文章于 2026-05-14 17:12:10 发布 · 4.4k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#Compose #Recompose #局部刷新

收录于

Android 专栏收录该内容

169 篇文章

订阅专栏

本文介绍Jetpack Compose中如何通过Recompose实现UI的手动刷新，演示了当状态变化时，如何避免自动刷新并手动触发UI更新。通过实例代码展示了手动刷新的使用场景。

Compose可以通过监听state自动刷新UI，此外可以通过Recompose手动在视图树上刷新局部UI：

@Composable
fun recomposeDemo() {

    var countState = 0

    Recompose { recompose ->
        Column {
            Text("CountState is: " + countState)

            Button(onClick = { countState++ }) {
                Text("Count up")
            }

            Button(onClick = {
                 recompose()
            }) {
                Text("I want to recompose")
            }
        }
    }
}

recomposeDemo运行后生成以下UI
在这里插入图片描述
点击Count up按钮，并不会刷新UI，因为countState并不是一个State<Int>，所以更新后不会自动触发UI的刷新。此时点击I want to recompose按钮可以手动触发UI刷新，显示最新的countState