如何禁用Jetpack Compose中BottomNavigationItem的水波纹效果

我在应用开发中需要实现底部导航栏，使用BottomNavigationItem组件展示导航项，代码如下：

BottomNavigation(
    ...
) {
    ...
    BottomNavigationItem(
        ...
        onClick = {onItemSelect(item)},
        ...
    )
}

但该组件自带水波纹（ripple）效果，我希望将其禁用，暂时没有找到实现方法。由于BottomNavigationItem要求必须传入onClick属性，因此无法通过使用.clickable()修饰符的方式禁用效果。

补充说明：
常见的水波纹禁用方案是向.clickable函数传入MutableInteractionSource，同时将indication设为null，但BottomNavigationItem仅支持传入MutableInteractionSource，不支持设置indication参数。

你可以通过以下两种方案实现水波纹禁用效果：

• 方案一：局部覆盖RippleTheme（侵入性最低）
  Compose的水波纹效果全局通过LocalRippleTheme这个CompositionLocal提供配置，你可以在BottomNavigationItem外层包裹CompositionLocalProvider，临时覆盖当前节点的波纹配置，实现禁用效果，示例代码如下：

import androidx.compose.material.LocalRippleTheme
import androidx.compose.material.ripple.RippleTheme
import androidx.compose.material.ripple.RippleAlpha
import androidx.compose.ui.graphics.Color

// 自定义无波纹主题
private object NoRippleTheme : RippleTheme {
    @Composable
    override fun defaultColor() = Color.Unspecified

    @Composable
    override fun rippleAlpha() = RippleAlpha(
        pressedAlpha = 0f,
        focusedAlpha = 0f,
        draggedAlpha = 0f,
        hoveredAlpha = 0f
    )
}

// 底部导航使用示例
BottomNavigation {
    yourNavItemList.forEach { item ->
        // 仅覆盖当前导航项的波纹配置
        CompositionLocalProvider(LocalRippleTheme provides NoRippleTheme) {
            BottomNavigationItem(
                icon = { Icon(item.icon, contentDescription = null) },
                label = { Text(item.label) },
                selected = currentSelectedRoute == item.route,
                onClick = { onItemSelect(item) }
                // 其余原有参数无需修改
            )
        }
    }
}

该方案不需要修改原有BottomNavigationItem的调用参数，也可以针对单个导航项独立配置是否禁用波纹。如果你使用的是Material3版本的NavigationBarItem组件，上述方案逻辑完全一致，仅需替换对应组件的导入包即可。

• 方案二：自定义导航项组件（灵活度最高）
  如果需要更丰富的交互自定义能力，可以直接参考官方BottomNavigationItem的实现逻辑，自定义一个支持设置indication参数的导航项组件，在内部clickable修饰符中直接将indication设为null即可完全控制交互效果。

内容的提问来源于stack exchange，提问作者hjpev