无法在 jetpack compose 桌面中显示图标

问题描述

我正在尝试在 jetpack compose 桌面中显示图标和文本。但是，图标没有出现在输出窗口中。以下是代码

@Composable
fun filetreeItem(fileDetail: Path) {
    Row( modifier = Modifier.padding(5.dp) ) {
        Icon(imageVector = vectorXmlResource("images/folder-black-18dp.svg"),modifier = Modifier.width(18.dp))
        Text(fileDetail.toString())
    }
}

解决方法

解决了。 API 需要矢量 XML。可以使用在线 SVG 到 XML 转换器。

,

将 SVG 文件的 XML 版本放在 resources 文件夹中，并将其命名为 ic_file。然后编写如下代码：

@Composable
fun FileTreeItem(fileDetail: Path) {
    Row(modifier = Modifier.padding(5.dp) ) {
        Icon(
            painter = svgResource("ic_file"),contentDescription = null,modifier = Modifier.width(18.dp)
        )

        Text(fileDetail.toString())
    }
}