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

Question

我正在尝试在 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())
    }
}

Answer 1

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

Answer 2

将 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())
    }
}