喷气背包中的内部衬垫组成

Question

Jetpack compose 有一个padding修饰符，实际上类似于margin其他 UI 工具包中的属性（它在目标周围添加空间）。有没有办法在 compose 中向组件添加内部填充而不用Box/包裹它Surface？

Answer 1

Modifier.padding()在 Jetpack Compose 中，根据顺序充当填充或边距。

Modifier.padding(10.dp).size(200.dp)在设置大小之前添加空间，您有一个大小为 200.dp 的可组合项

Modifier.size(200.dp).padding(10.dp)在每侧设置 10.dp 填充后，添加宽度和高度为 180.dp 的填充。

您可以使用 Modifier.background、Modifier.border、Modifier.clickble{} 进行尝试，看看顺序如何改变区域的颜色、边框或用户可以点击的区域。

您还可以参考Codelab 有关修饰符的文档，了解如何应用填充。