Jetpack Compose 使用Recompose刷新UI

最新推荐文章于 2025-04-06 16:46:39 发布

fundroid

最新推荐文章于 2025-04-06 16:46:39 发布

阅读量4.2k

点赞数 1

分类专栏： Android 文章标签： Compose Recompose 局部刷新

本文链接：https://blog.csdn.net/vitaviva/article/details/105396661

版权

Android 专栏收录该内容

122 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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