在撰写中的图标中显示徽标的正确颜色

Question

我有以下可合成的

@Composable
fun GoogleLoginButton(onLoginClicked: () -> Unit) {
    IconButton(
        modifier = Modifier
            .fillMaxWidth()
            .background(color = Color.White, shape = RoundedCornerShape(10.dp)),
        onClick = {
            onLoginClicked()
        },
    ) {
        Box(modifier = Modifier.fillMaxWidth(),
            contentAlignment = Alignment.Center) {
            Icon(
                modifier = Modifier.padding(start = 12.dp).align(Alignment.CenterStart),
                painter = painterResource(id = R.drawable.ic_google_logo),
                contentDescription = "Google logo"
            )
            Text(modifier = Modifier.fillMaxWidth(),
                textAlign = TextAlign.Center,
                fontSize = 18.sp,
                text = "Google", color = Color.Black)
        }
    }
}

它显示正确的标志，因为某种原因，它显示为黑色图标。

​

但是，矢量图像的实际颜色如下：

​

Answer 1

Icon有一个tint参数，默认情况下该参数设置为LocalContentColor。要么将其设置为Color.Unspecified，要么使用Image可组合。