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 关于修饰符的内容,了解如何应用填充。
Jetpack compose 有一个 padding
修饰符,它实际上类似于其他 UI 工具包中的 margin
属性(它在目标周围添加了 space)。有没有一种方法可以在不使用 Box
/Surface
?
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 关于修饰符的内容,了解如何应用填充。