android - 如何在 Jetpack Compose 中添加 margin ？

Question

究竟如何在 Jetpack Compose 中添加 margin ？ ?
我可以看到有一个Modifier用于填充 Modifier.padding(...)但我似乎找不到利润空间，还是我失明了？
请有人指导我。
非常感谢。

Answer 1

您可以将填充和边距视为同一事物(将其想象为“间距”)。填充可以在同一个可组合中应用两次(或更多)，并实现与使用边距+填充相似的行为。例如:

val shape = CircleShape
Text(
    text = "Text 1",
    style = TextStyle(
        color = Color.White,
        fontWeight = FontWeight.Bold,
        textAlign = TextAlign.Center),
    modifier = Modifier.fillMaxWidth()
        .padding(16.dp)
        .border(2.dp, MaterialTheme.colors.secondary, shape)
        .background(MaterialTheme.colors.primary, shape)
        .padding(16.dp)
)

将导致:

如您所见，第一个 padding在组件和它的边框之间添加一个空格。然后定义背景和边框。最后，一个新的 padding设置为在边框和文本之间添加空间。