无法在 Jetpack Compose 桌面中显示图标

Question

我正在尝试在 Jetpack Compose 桌面中显示图标和文本。但是，图标未出现在输出中 window。以下是代码

@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

将 XML 版本的 SVG 文件放入 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())
    }
}