如何更改 android jetpack 撰写底部AppBar 图标色调颜色？

Question

BottomNavigationBar() 只能采用background和contentColor，但没有色调选项。

Answer 1

如果你想改变图像的色调颜色，那么你可以colorFilter使用Image

Image(
    painter = painterResource(R.drawable.ic_arrow_details), 
    contentDescription = "", 
    colorFilter = ColorFilter.tint(Color.Black)
)

Answer 2

如果您想完全删除色调并且想使用图标的颜色，请尝试：tint = Color.Unspecified

例如：

Icon(
    modifier = Modifier.size(34.dp),
    imageVector = ImageVector.vectorResource(id = R.drawable.ic_your_icon),
    contentDescription = "Some icon",
    tint = Color.Unspecified
)

Answer 3

如果您不想更改内容颜色，并且希望为特定图标设置单独的颜色，则可以使用色调属性。喜欢：

Icon(
 Icons.Filled.PushPin, "",
 tint = MaterialTheme.colors.secondary
)

但正如其他人所说，您可以unselectedContentColor在selectedContentColor您的NavigationItem.

Answer 4

对于BottomNavigation，您需要提供BottomNavigationItem来构造它，在构造 时BottomNavigationItem，您可以使用Iconwithtint作为资源，如下所示

BottomNavigation() {
    BottomNavigationItem(icon = { 
           Icon(asset = vectorResource(id = R.drawable.homeBottomNav), tint = Color.Blue) //this is tint
       }, selected = true, onClick = {})
}