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 = { }
    )
}