Row
属性¶
@Composable
inline fun Row(
modifier: Modifier? = Modifier,
horizontalArrangement: Arrangement.Horizontal? = Arrangement.Start,
verticalAlignment: Alignment.Vertical? = Alignment.Top,
content: (@Composable @ExtensionFunctionType RowScope.() -> Unit)?
): Unit
Row 布局可以让其子组件呈横向排列，在 RowScope 中可以使用 Modifier.weight 来设置子组件所占比重。
参数¶
- horizontalArrangement 设置横向排列方式
- verticalAlignment 设置纵向对齐方式
@Composable
fun RowSample() {
Row(
modifier = Modifier
.width(100.dp)
.background(Color.White)
) {
Text("First", modifier = Modifier.background(Color.Red))
Text("Second", modifier = Modifier.background(Color.Green))
}
}