如何在喷气背包排版中增加边距？

How to add Margin in Jetpack Compose?(如何在喷气背包排版中增加边距？)

问题描述

如何在Jetpack Compose中添加页边距？

我可以看到有Modifier用于填充Modifier.padding(...)，但我似乎找不到用于页边距的Modifier，或者我是盲目的？

请谁给我带路。

非常感谢。

推荐答案

您可以将填充和页边距视为一回事(将其想象为&q；间隔&q；)。填充可以在相同的合成中应用两次(或更多)，并实现与边距+填充类似的行为。例如：

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以在边框和文本之间添加空格。

这篇关于如何在喷气背包排版中增加边距？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！