有SwiftUI经验，如何在Kotlin中用Modifier结合状态变量禁用Button？

当然可以实现类似SwiftUI的效果，Jetpack Compose提供了多种方式结合状态变量动态控制Button的启用/禁用状态：

1. 直接使用Button的enabled参数（官方推荐） #

这是最常用的方式，通过状态变量控制enabled参数的值，逻辑直观：

// 用remember+mutableStateOf定义可观察的状态变量
val isButtonEnabled by remember { mutableStateOf(false) }

Button(
    onClick = {},
    // 状态为false时按钮禁用，true时启用
    enabled = isButtonEnabled,
    modifier = Modifier.size(width = 200.dp, height = 50.dp),
    content = {
        Text(text = "Continue")
    }
)

2. 使用Modifier.enabled()（贴近SwiftUI链式风格） #

如果你习惯SwiftUI的链式Modifier写法，可以用Modifier.enabled()，注意它的逻辑是传入true启用，false禁用，和SwiftUI的.disabled()逻辑相反，需要取反：

val isButtonEnabled by remember { mutableStateOf(false) }

Button(
    onClick = {},
    modifier = Modifier
        .size(width = 200.dp, height = 50.dp)
        // 对应SwiftUI的.disabled(!isButtonEnabled)
        .enabled(isButtonEnabled),
    content = {
        Text(text = "Continue")
    }
)

3. 封装成和SwiftUI完全一致的.disabled()扩展 #

如果想要和SwiftUI的命名、逻辑完全对齐，可以自定义一个扩展Modifier：

// 自定义扩展，和SwiftUI逻辑一致：传入true则禁用按钮
fun Modifier.disabled(condition: Boolean): Modifier {
    return this.enabled(!condition)
}

之后就能像SwiftUI一样编写代码：

val shouldDisable by remember { mutableStateOf(true) }

Button(
    onClick = {},
    modifier = Modifier
        .size(width = 200.dp, height = 50.dp)
        .disabled(shouldDisable), // 和SwiftUI写法完全一致
    content = {
        Text(text = "Continue")
    }
)

补充：修正你原代码的语法错误 #

你提供的原代码存在多余括号和逗号，修正后才能正常运行：

Button(
    onClick = {},
    modifier = Modifier.size(width = 200.dp, height = 50.dp),
    content = {
        Text(text = "Continue")
    }
)

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