jetpack compose中BottomNavBar点击某个变黑色
时间: 2024-09-07 07:04:10 浏览: 29
在Jetpack Compose中,如果你想在`BottomNavigationView`的某个选项被点击后改变其背景颜色,你可以通过设置`onItem选中状态 Changed`监听器,并在回调函数中更新对应的`MaterialTheme`的颜色。以下是一个简单的示例:
```kotlin
val navState = remember { mutableStateOf(BottomNavigationView.TabPosition.MAIN) }
BottomNavigationView(
items = menuItems,
modifier = Modifier.bottomSheet(),
selectedTab = navState.value,
onItemSelectedListener = {
navState.value = it
},
colors = BottomNavigationViewDefaults.colors(
selectedColor = MaterialTheme.colors.primaryDark // 黑色
)
)
```
在这个例子中,当`BottomNavigationView`的某个选项被点击时,`navState.value`会改变,然后它会触发`selectedColor`的更新,使其变为`MaterialTheme.colors.primaryDark`,即黑色。
如果你想动态地切换背景颜色,你可以将`selectedColor`绑定到一个`Composable`,并使用`animateColor`函数来创建动画效果。