如何更改 android jetpack compose bottomAppBar 图标颜色？

如何解决如何更改 android jetpack compose bottomAppBar 图标颜色？

BottomNavigation() 只能获取背景和内容颜色，但没有色调选项。提前致谢。

解决方法

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

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

,

您可以使用 unselectedContentColor 和 selectedContentColor。

BottomNavigationItem(
   unselectedContentColor = Color.Black,selectedContentColor = Color.Red,icon = {
       Icon(
           painter = painterResource(id = screen.iconResourceId),contentDescription = null)
           },selected = currentRoute == screen.route,onClick = { }
)

,

使用 1.0.0 中的 1.0.0-beta06（使用 BottomNavigationItem 测试），您可以定义属性：

• selectedContentColor
• unselectedContentColor

类似于：

    BottomNavigation(backgroundColor = Color.White) {
            BottomNavigationItem(
                selectedContentColor = Color.Red,unselectedContentColor = Color.Gray,icon = {
                    Icon(Icons.Filled.Add,"contentDescription")
                },onClick = {})
            BottomNavigationItem(
                selectedContentColor = Color.Red,icon = {
                    Icon(Icons.Filled.Search,selected = false,onClick = {})
    }

此外，由于默认 selectedContentColor 基于 LocalContentColor.current，您还可以使用以下内容：

    BottomNavigation(backgroundColor = Color.White) {
        CompositionLocalProvider(LocalContentColor provides Color.Red) {
            BottomNavigationItem(
                icon = {
                    Icon(Icons.Filled.Add,onClick = {})
            BottomNavigationItem(
                icon = {
                    Icon(Icons.Filled.Search,onClick = {})
        }
    }

,

如果你想改变图像的色调，那么你可以使用下面的代码

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

您可以在图像中使用 colorFilter 属性