Jetpack Compose 中的内部填充

Inner padding in jetpack compose

Jetpack compose 有一个 padding 修饰符,它实际上类似于其他 UI 工具包中的 margin 属性(它在目标周围添加了 space)。有没有一种方法可以在不使用 Box/Surface?

包装的情况下向 compose 中的组件添加内部填充?

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

Modifier.padding(10.dp).size(200.dp) 在设置大小之前添加 space 您有一个大小为 200.dp 的 Composable

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

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

您还可以参考 codelab's documentation 关于修饰符的内容,了解如何应用填充。