Jetpack Compose 之 Box

309 阅读1分钟

Compose 布局组件之 Box

Box 布局中的子元素,都会从Box的左上角开始堆叠。

属性

@Composable
inline fun Box(
    modifier: Modifier = Modifier,
    contentAlignment: Alignment = Alignment.TopStart,
    propagateMinConstraints: Boolean = false,
    content: @Composable BoxScope.() -> Unit
)
  • contentAlignment内容对其方式

Alignment.Center 居中

Alignment.BottomCenter 底部居中

Alignment.TopCenter 顶部居中

还有 TopEnd、TopStart、BottomStart、BottomEnd、CenterStart、CenterEnd

Box(
    modifier = Modifier
        .size(200.dp)
        .background(color = Color.White),
    contentAlignment = Alignment.Center //居中
) {
 Text(text = "我是Box布局")
} 

  • propagateMinConstraints 是否应该将传入的最小约束传递给内容