Jetpack Compose中按钮点击触发多次重组问题咨询

这不是Bug，属于Jetpack Compose里Button组件的正常表现，和Compose的重组机制直接相关，原因主要有两点：

• Button内部维护了自身的交互状态（比如按下、抬起、悬停等），每次状态切换都会触发组件重组。点击按钮时，Button会先进入“按下”状态，操作完成后回到“正常”状态，这两次状态变化都会引发重组。
• 你在点击事件里修改mutableState的值时，这个状态的更新又会额外触发一次重组。几种情况叠加，就出现了多次重组的现象。

其实不用过度在意这种情况，Compose的重组是高效且精准的——它只会重新渲染依赖了变化状态的UI部分，不会无差别刷新整个界面。如果没有性能问题，完全可以忽略。要是想优化，可以借助remember、derivedStateOf把状态逻辑封装起来，或者把相关UI拆成更小的组件，缩小重组范围。

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