如何在 Jetpack Compose 的 BottomNavigationView 上设置 itemActiveIndicatorStyle？

Question

我正在尝试将我的 Android 应用程序转换为 Jetpack Compose

我有一个 BottomNavigationView 配置了属性 app:itemActiveIndicatorStyle 根据 this post 设置。

这允许在底部选项卡导航视图上使用“药丸形”背景材料 3 样式选择指示器。但是我找不到如何使用 Jetpack Compose 执行此操作。

Answer 1

您可以在 NavigationBarItem 中使用 colors 属性来定义indicatorColor

NavigationBar {
    items.forEachIndexed { index, item ->
        NavigationBarItem(
            icon = { Icon(Icons.Filled.Favorite, contentDescription = item) },
            label = { Text(item) },
            selected = selectedItem == index,
            onClick = { selectedItem = index },
            colors = NavigationBarItemDefaults.colors(
                indicatorColor= Green
            )
        )
    }
}