Android Compose的重组中的一段话的理解

切勿依赖于执行可组合函数所产生的附带效应，因为可能会跳过函数的重组。如果您这样做，用户可能会在您的应用中遇到奇怪且不可预测的行为。附带效应是指对应用的其余部分可见的任何更改。例如，以下操作全部都是危险的附带效应：

• 写入共享对象的属性
• 更新 ViewModel 中的可观察项
• 更新共享偏好设置

一开始接触compose的时候，对这句话也是不理解的状态，现在回过头来看，感觉有点能理解了

以官方的一个例子为例：

 

//实例化SharePreference对象
val mainSharePref: SharedPreferences = MyApplication.getInstance().getSharedPreferences("main_share", android.content.Context.MODE_PRIVATE)
val value: Boolean = mainSharePref.getBoolean("isSelected",false)
val editor: SharedPreferences.Editor = mainSharePref.edit()
@Composable
fun SharedPreDemo(){
    Column() {
        SharedPrefsToggle("是否选中",value){
            editor.putBoolean("isSelected",value)
            editor.commit()
        }
    }
}
@Composable
fun SharedPrefsToggle(
    text: String,
    value: Boolean,
    onValueChanged: (Boolean) -> Unit
) {
    Row {
        Text(text)
        Checkbox(checked = value, onCheckedChange = onValueChanged)
    }
}

以上代码会创建一个可组合项以更新 SharedPreferences 中的值。该可组合项不应从共享偏好设置本身读取或写入。

运行上面的代码，会发现点击CheckBox时，会发现一个奇怪且不可预测的行为（其实就是不生效）

那么应该怎么写呢

官方方法：于是此代码将读取和写入操作移至后台协程中的 ViewModel。应用逻辑会使用回调传递当前值以触发更新。（似懂非懂）

改了一下代码，感觉应该是这个样子

@Composable
fun SharedPrefsToggle1(
    text: String,
    value: MutableState<Boolean>,
) {
    Row {
        Text(text)
        Checkbox(checked = value.value, onCheckedChange = {
            value.value=it
            GlobalScope.launch {
                editor.putBoolean("isSelected",value.value)
                editor.commit()
            }
        })
    }
}

在checkbox里的onCheckedChange回调方法里直接使用kotlin协程来进行更新。（不知道协程是什么？建议百度一下，大概意思就是功能和线程差不多，但比线程更轻量）

现在来看这句话：

切勿依赖于执行可组合函数所产生的附带效应，因为可能会跳过函数的重组

这个附带效应应该指的是回调的这些东西，就像第一个例子，无论怎么点击checkbox，都没有效果，相当于跳过了函数的重组

附上整个demo

//实例化SharePreference对象
val mainSharePref: SharedPreferences = MyApplication.getInstance().getSharedPreferences("main_share", android.content.Context.MODE_PRIVATE)
val value: Boolean = mainSharePref.getBoolean("isSelected",false)
val editor: SharedPreferences.Editor = mainSharePref.edit()
@Composable
fun SharedPreDemo(){
    Column() {
        SharedPrefsToggle("是否选中",value){
            editor.putBoolean("isSelected",value)
            editor.commit()
        }

        val value1= remember {
            mutableStateOf(value)
        }
        SharedPrefsToggle1("是否选中",value1)
    }
}

@Composable
fun SharedPrefsToggle(
    text: String,
    value: Boolean,
    onValueChanged: (Boolean) -> Unit
) {
    Row {
        Text(text)
        Checkbox(checked = value, onCheckedChange = onValueChanged)
    }
}

@Composable
fun SharedPrefsToggle1(
    text: String,
    value: MutableState<Boolean>,
) {
    Row {
        Text(text)
        Checkbox(checked = value.value, onCheckedChange = {
            value.value=it
            GlobalScope.launch {
                editor.putBoolean("isSelected",value.value)
                editor.commit()
            }
        })
    }
}