Jetpack Composee中material3 NavigationBar中的错误波纹

Question

当我在Jetpack撰写中使用Material3 NavigationBar时，我得到了如下矩形波纹效应：

​

​

Material3库版本：1.0.0-alpha06代码：

NavigationBar(modifier = Modifier.navigationBarsPadding()) {
                NavigationBarItem(
                    selected = ...,
                    onClick = {
                        navController.navigate(ScreenComponents(context).mainScreen) {
                            launchSingleTop = true
                        }
                    },
                    icon = {
                        ...
                    },
                    alwaysShowLabel = false,
                    label = {
                        Text(text = ..., color = MaterialTheme.colorScheme.onSurface)
                    }
                )
                // ...

Answer 1

这不是虫子。它遵循材料指南。

​

​

Answer 2

在NavigationBarItem中，我使用这个修饰符来改变纹波的形状。

modifier = Modifier
    .padding(4.dp)
    .background(MaterialTheme.colorScheme.background, RoundedCornerShape(24.dp))
    .clip(RoundedCornerShape(24.dp))

Answer 3

他们似乎已经改变了指南图像，因为回答从@加布里埃尔马里奥蒂，现在波纹只出现在‘药丸’。

​

​

有一种简单的方法可以完全消除涟漪，但不能将其与药丸隔离开来。希望他们能在M3可组合性从alpha中出来之前更新这一点。

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

    @Composable
    override fun rippleAlpha() = RippleAlpha(0F, 0F, 0F, 0F)
}

CompositionLocalProvider(LocalRippleTheme provides NoRippleTheme) {
        NavigationBar {
            ...