android-jetpack-compose - 禁用 BottomNavigationItem 的涟漪效应

Question

我的应用程序需要一个底部导航栏。要显示我使用 BottomNavigationItem 的项目:

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

但是，这些带有链式 react ，我想禁用它，但我不知道如何禁用。 BottomNavigationItem 需要属性 onClick，因此不能使用 .clickable() 修饰符。

编辑:

This answer来自 Gabriele Mariotti 的建议将 MutableInteractionSource 传递给 .clickable 函数，并为 indication 传递 null。虽然 BottomNavigationItem 接受 MutableInteractionSource，但它似乎不接受 indication。

Answer 1

在这种情况下，您可以提供自定义 LocalRippleTheme 来覆盖默认行为。

类似于:

CompositionLocalProvider(LocalRippleTheme provides NoRippleTheme) {
    BottomNavigation {
            BottomNavigationItem(
              //...
            )
        }
    }
}

与:

private object NoRippleTheme : RippleTheme {
    @Composable
    override fun defaultColor() = Color.Unspecified

    @Composable
    override fun rippleAlpha(): RippleAlpha = RippleAlpha(0.0f,0.0f,0.0f,0.0f)
}