android-jetpack-compose - Jetpack 组成内部填充

Question

有没有一种简单的方法可以在 compose 中删除开关的内部填充？

我尝试在其修饰符中提供 0.dp，但它并没有摆脱内部填充

 Switch(
      modifier = Modifier
           .padding(0.dp)
           .background(Color.Red), // just to show the internal box paddding
      checked = true,
      onCheckedChange = { }
 )

Answer 1

Switch、CheckBox、RadioButton、Button、Slider 等我目前记不起的可组合项的最小尺寸为 48.dp，因为 minimum touch target for accessibility .

您可以使用 CompositionLocalProvider 将其删除

CompositionLocalProvider(LocalMinimumTouchTargetEnforcement provides false) {
    Switch(
        modifier = Modifier
            .padding(0.dp)
            .background(Color.Red), 
        checked = true,
        onCheckedChange = { }
    )
}