Jetpack Compose中mutableStateOf值变更未触发重组，点击计数不生效问题

核心问题 #

你当前的代码未正确配置Jetpack Compose的状态追踪逻辑，结合你使用的1.0.0-beta08版本Compose，问题出在mutableStateOf的使用方式上：
你将clicks声明为Activity的普通成员变量，且没有使用by属性委托，Compose编译器插件无法将该状态的读写纳入重组依赖追踪，因此状态变化时不会触发界面刷新。

修复方案 #

有两种可选修复方式，你可以根据实际需求选择：

方案1：保留Activity成员变量写法 #

先导入必要的状态委托扩展：

import androidx.compose.runtime.getValue
import androidx.compose.runtime.setValue
import androidx.compose.runtime.mutableStateOf

修改clicks的声明和使用逻辑：

class MainActivity : ComponentActivity() {
    // 新增by委托，直接用Int类型接收状态值
    private var clicks by mutableStateOf(0)

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
           Surface(color = MaterialTheme.colors.background) {
                // 直接传clicks即可，不需要访问value
                NewsStory(clicks) { onClick() }
           }
        }
    }

    private fun onClick() {
        // 直接修改clicks，不需要访问value
        clicks++
    }
}

方案2：状态迁移到Composable内部（更符合Compose开发规范） #

不需要在Activity中声明成员变量，直接在Composable作用域内通过remember持有状态，和重组生命周期绑定：

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
           Surface(color = MaterialTheme.colors.background) {
                // remember保证重组时状态不会被重置
                val clicks by remember { mutableStateOf(0) }
                NewsStory(clicks) { clicks++ }
           }
        }
    }
}

通用的NewsStory组件代码不需要改动。

内容的提问来源于stack exchange，提问作者supermar10