如何在Jetpack Compose中实现Material3 Switch组件？

要从Material版本的Switch切换到Material3风格（滑块位于组件内部）的Switch，只需完成以下两步：

1. 替换依赖库 #

移除项目中旧的Material Compose依赖，添加Material3的依赖：

// 移除原有Material依赖
// implementation "androidx.compose.material:material:xxx"

// 添加Material3依赖（版本号可根据项目需求调整）
implementation "androidx.compose.material3:material3:1.2.0"

2. 修正组件导入语句 #

确保代码中导入的是Material3包下的Switch，而非Material包的：

// 正确导入Material3 Switch
import androidx.compose.material3.Switch
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.ui.semantics.semantics

// 你的组件代码
var checked by remember { mutableStateOf(true) }
Switch(
    modifier = Modifier.semantics { contentDescription = "Demo" },
    checked = checked,
    onCheckedChange = { checked = it }
)

额外说明 #

两段代码结构看似一致，但核心区别在于依赖库和导入包：Material3的Switch默认采用内部滑块的设计规范，只要依赖和导入正确，运行后就会呈现目标样式。

如果需要自定义开关颜色，可通过SwitchDefaults.colors()配置：

Switch(
    checked = checked,
    onCheckedChange = { checked = it },
    colors = SwitchDefaults.colors(
        checkedThumbColor = Color.White,
        checkedTrackColor = Color.Green,
        uncheckedThumbColor = Color.Gray,
        uncheckedTrackColor = Color.LightGray
    )
)

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