如何使用lambda返回值更新Composable组件的state状态

你的实现思路本身是可行的，但存在2个明显的问题需要先修正：

• 类型不匹配：你代码里的buttonState是ButtonType枚举类型，预期更新时赋值的是DataEntryInputState.Default，二者类型不一致无法编译
• 重复点击事件：你给ButtonPrimary同时加了modifier.clickable和原生onClick参数，两个点击回调会先后触发，容易出现逻辑时序问题，额外的clickable修饰符属于冗余代码可以直接删掉

1. 适用同步逻辑的简化方案 #

如果你的onClickParam执行的是纯同步逻辑（无网络请求、无数据库读写等异步操作），直接修正上面的问题就可以正常运行：

@Composable
private fun ButtonsColumn(
    modifier: Modifier = Modifier,
    dataEntryInputState: DataEntryInputState = DataEntryInputState.Default,
    onClickParam: () -> Boolean // 改为返回布尔值的lambda
) {
    var buttonState by remember { mutableStateOf(ButtonType.Text) }
    Column(modifier = modifier) {
        DataEntryInputLarge(...)
        ButtonPrimary(
            modifier = Modifier.fillMaxWidth(),
            text = "Login",
            enabled = textFieldState,
            type = buttonState,
            onClick = {
                buttonState = ButtonType.Loading
                val isSuccess = onClickParam()
                if (!isSuccess) {
                    buttonState = ButtonType.Text // 修正类型匹配
                }
            }
        )
    }
}

2. 适用异步逻辑的更优方案 #

如果onClickParam包含异步操作（比如登录请求），返回布尔值的同步lambda无法拿到异步执行结果，需要改成挂起函数配合协程使用：

@Composable
private fun ButtonsColumn(
    modifier: Modifier = Modifier,
    dataEntryInputState: DataEntryInputState = DataEntryInputState.Default,
    onClickParam: suspend () -> Boolean // 改为挂起函数
) {
    var buttonState by remember { mutableStateOf(ButtonType.Text) }
    val scope = rememberCoroutineScope()
    Column(modifier = modifier) {
        DataEntryInputLarge(...)
        ButtonPrimary(
            modifier = Modifier.fillMaxWidth(),
            text = "Login",
            enabled = textFieldState,
            type = buttonState,
            onClick = {
                scope.launch {
                    buttonState = ButtonType.Loading
                    val isSuccess = onClickParam()
                    if (!isSuccess) {
                        buttonState = ButtonType.Text
                    }
                }
            }
        )
    }
}

3. 符合Compose设计规范的最佳方案 #

按照Jetpack Compose单向数据流的设计原则，更推荐做状态提升，把按钮状态的控制权交给父组件，让组件的可复用性、可测试性更强：

// 子组件不持有状态，完全由参数控制
@Composable
private fun ButtonsColumn(
    modifier: Modifier = Modifier,
    buttonState: ButtonType, // 父组件传入按钮状态
    enabled: Boolean,
    onClick: () -> Unit // 仅通知父组件点击事件，不处理业务逻辑
) {
    Column(modifier = modifier) {
        DataEntryInputLarge(...)
        ButtonPrimary(
            modifier = Modifier.fillMaxWidth(),
            text = "Login",
            enabled = enabled,
            type = buttonState,
            onClick = onClick
        )
    }
}

// 父组件调用处示例
var buttonState by remember { mutableStateOf(ButtonType.Text) }
ButtonsColumn(
    buttonState = buttonState,
    enabled = textFieldState,
    onClick = {
        buttonState = ButtonType.Loading
        // 执行同步/异步逻辑
        viewModel.login(
            onSuccess = { buttonState = ButtonType.Text },
            onFail = { buttonState = ButtonType.Text /* 或者自定义错误状态 */ }
        )
    }
)

内容的提问来源于stack exchange，提问作者Juan Gonzalo Flores Huanqui