如何移除Compose Desktop Button的顶部与底部白色边距？

默认的Compose Button组件自带内部内边距，这就是你看到的上下白色空隙。要去掉这些边距，有两种常用方法：

方法一：直接设置contentPadding参数 #

给Button指定contentPadding = PaddingValues(0.dp)，就能清除所有内部内边距，代码修改后如下：

@Preview
@Composable
fun ButtonTest() {
    Button(
        onClick = {},
        modifier = Modifier.border(1.dp, Color.Red),
        contentPadding = PaddingValues(0.dp)
    ) {
        Text("test")
    }
}

如果只想去掉上下边距、保留水平方向的默认内边距，也可以这样写：
contentPadding = PaddingValues(horizontal = 16.dp, vertical = 0.dp)

方法二：自定义Button样式（适合全局复用） #

如果你的项目里多个Button都需要这种无内边距的样式，可以先自定义一个ButtonStyle，再复用：

val CustomNoPaddingButtonStyle = ButtonDefaults.buttonStyle(
    contentPadding = PaddingValues(0.dp)
)

@Preview
@Composable
fun ButtonTest() {
    Button(
        onClick = {},
        modifier = Modifier.border(1.dp, Color.Red),
        style = CustomNoPaddingButtonStyle
    ) {
        Text("test")
    }
}

内容的提问来源于stack exchange，提问作者Radek Postołowicz