您可以使用Row()和Box()组合来实现这个目的。Row()可用于将多个元素放在一行中,而Box()可用于在行中创建空间。
下面是一个示例代码,该代码将一个图标放置在文本行的左边距中:
Row(
verticalAlignment = Alignment.CenterVertically
) {
Icon(Icons.Default.Email, null, tint = Color.White)
Text(
text = "example@email.com",
modifier = Modifier
.padding(start = 8.dp)
.align(Alignment.CenterVertically)
.background(Color.Blue)
.padding(vertical = 4.dp, horizontal = 8.dp),
color = Color.White
)
}
首先,将Icon作为第一个元素添加到Row()中。接下来,将Text添加到Row()中,并使用modifier属性指定其边距和对齐方式。最后,您可以为Text设置颜色并将其放置在一个蓝色的背景中。
运行此代码将产生以下结果: