如何设计ParameterLineState向EditTextDialog传递MutableState<String>参数？

我希望调用Code A中的EditTextDialog函数，通常用Code B的方式调用。现在想把多个参数封装到ParameterLineState类中传递，但Code C的写法报错，请问该如何设计这个类？

Code A #

@Composable
fun EditTextDialog(  
    iniEditFieldContent: MutableState<String> = remember{ mutableStateOf("")}
) {

}

Code B #

@Composable
fun MyScreen() {   
    val editFieldContent = remember { mutableStateOf("") }
  
    EditTextDialog(       
        iniEditFieldContent = editFieldContent
    )
}

Code C（存在错误） #

@Composable
fun HandleDialogs(
    parLineState: ParameterLineState = rememberParameterLineState()   
) {

    EditTextDialog(     
        iniEditFieldContent = parLineState.iniContent    // 此处报错
    )
}

class ParameterLineState private constructor() {
    var iniContent by mutableStateOf("")
          private set

    fun set_IniContent(value:String) {
        iniContent = value
    }

    companion object {
        val instance: ParameterLineState by lazy { ParameterLineState() }
    }
}

@Composable
fun rememberParameterLineState(): ParameterLineState {
    return remember {
        ParameterLineState.instance
    }
}

错误原因 #

EditTextDialog的iniEditFieldContent参数要求是MutableState<String>类型，但ParameterLineState里的iniContent用by mutableStateOf定义后，对外暴露的是String类型，而非MutableState<String>，类型不匹配导致报错。

解决方案 #

方案1：直接在类中持有MutableState实例

修改ParameterLineState，让iniContent本身就是MutableState<String>类型：

class ParameterLineState private constructor() {
    // 直接暴露MutableState<String>对象
    val iniContent: MutableState<String> = mutableStateOf("")

    fun setIniContent(value: String) {
        iniContent.value = value
    }

    companion object {
        operator fun invoke() = ParameterLineState()
    }
}

// 同时修改remember函数，去掉单例，保证组件状态独立
@Composable
fun rememberParameterLineState(): ParameterLineState {
    return remember {
        ParameterLineState()
    }
}

调用时直接传parLineState.iniContent即可，类型完全匹配。

方案2：隐藏State内部实现，同时暴露可用的State对象

如果想保持iniContent的String访问方式，同时提供给外部需要的MutableState<String>：

class ParameterLineState private constructor() {
    // 内部维护State
    private val _iniContent = mutableStateOf("")
    // 对外暴露String值
    val iniContent: String get() = _iniContent.value
    // 对外暴露State对象供Dialog使用
    val iniContentState: MutableState<String> get() = _iniContent

    fun setIniContent(value: String) {
        _iniContent.value = value
    }

    companion object {
        operator fun invoke() = ParameterLineState()
    }
}

@Composable
fun rememberParameterLineState(): ParameterLineState {
    return remember {
        ParameterLineState()
    }
}

调用时修改为：

EditTextDialog(     
    iniEditFieldContent = parLineState.iniContentState
)

额外注意点 #

原Code C中用了单例模式，这会导致所有使用HandleDialogs的组件共享同一状态，容易引发状态混乱。建议去掉单例，通过remember为每个组件实例创建独立的ParameterLineState对象，符合Compose状态管理的最佳实践。

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