标签: android-compose-switch

在 Jetpack Compose 中自定义 Switch 可组合项的选定/未选定背景?

我正在使用 Switch Composable,我想为其提供选定和未选定状态的自定义背景。我怎样才能做到这一点?

var switchState by remember { mutableStateOf(false) }

Switch(
   checked = switchState,
   onCheckedChange = { switchState = !switchState }                          
)
Run Code Online (Sandbox Code Playgroud)

android android-jetpack-compose android-compose-switch

8
推荐指数
1
解决办法
2560
查看次数

Android Compose - 如何删除 Switch 上方和下方的空间

我有Row两个组件,TextSwitch,添加后Switch,我看到上面和下面的空间。我希望 的高度Switch适合 UI 高度。

我使用padding(0.dp)但它不起作用。

如何删除它?

这是我的代码:

    Row(
        modifier = Modifier
            .fillMaxWidth()
            .background(color = Color.Red),
        horizontalArrangement = Arrangement.SpaceBetween,
        verticalAlignment = Alignment.CenterVertically
    ) {
        Text(
            text = "This is a text",
            modifier = Modifier.background(color = Color.Yellow)
        )
        Switch(
            checked = false,
            onCheckedChange = {},
            modifier = Modifier
                .padding(0.dp)
                .background(color = Color.Blue)
        )
    }
Run Code Online (Sandbox Code Playgroud)

截屏

android android-jetpack-compose jetpack-compose-switch android-compose-switch

2
推荐指数
1
解决办法
1114
查看次数