Androidcompose中如何将图标放置在文本行的边距中？ _编程开发

Androidcompose中如何将图标放置在文本行的边距中？

创始人

2024-10-06 20:32:07

0次

您可以使用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设置颜色并将其放置在一个蓝色的背景中。

运行此代码将产生以下结果：

上一篇：AndroidCompose中LazyVerticalGrid/Column的奇怪行为

下一篇：AndroidCompose中如何记忆可变状态的自定义类？

Androidcompose中如何将图标放置在文本行的边距中？

相关内容

热门资讯