无法减小OutlinedButton中巨大的填充。尝试使用contentPadding、modifier padding等方法,但无法减小文本“apple”的填充。有什么建议吗?我应该使用其他类型的组合组件吗?
OutlinedButton(
onClick = {},
border = BorderStroke(1.dp, Color.White),
shape = RoundedCornerShape(12.dp),
contentPadding = PaddingValues(0.dp),
modifier = Modifier
.background(bgColor)
.height(24.dp)
.padding(all = 0.dp),
colors = ButtonDefaults.outlinedButtonColors(backgroundColor = bgColor)) {
Text("apple",
color = Color.White,
style = MaterialTheme.typography.body2,
modifier = Modifier.height(10.dp).padding(vertical = 0.dp), //.background(bgColor),
)
}
在 @liveAnyway 给出的答案之后,我进行了更新(谢谢!),这似乎有所帮助。然后我也从 OutlinedButton 中删除了 height - 理想情况下我希望它像“wrap-content”一样。一旦我进行了更改,仍然可以看到填充。总之,我不希望指定任何绝对高度,以便它可以适应来自系统设置的不同字体大小。
Row(modifier = Modifier.padding(vertical = 12.dp)) {
OutlinedButton(
onClick = {},
border = BorderStroke(1.dp, Color.White),
shape = RoundedCornerShape(18.dp),
contentPadding = PaddingValues(0.dp),
modifier = Modifier
.background(bgColor)
.padding(all = 0.dp),
colors = ButtonDefaults.outlinedButtonColors(backgroundColor = bgColor)
) {
Text("apple",
color = Color.White,
style = MaterialTheme.typography.body2,
modifier = Modifier.padding(vertical = 0.dp),
)
}
}
Text
中删除height(10.dp)
修饰符设置。 - liveAnyway