如何在 Android Jetpack Compose 中制作圆角底部导航

Question

我想在 Android Jetpack compose 中制作一个底部导航，但在我找到的每个源中，使用 compose 构建的导航是正常的，平坦的，就像这样，

关键是我找不到一种方法来制作这样的东西

我怎样才能只做一件事？谢谢

Answer 1

只需使用clip Modifier并添加RoundedCornerShape顶角即可，这里是示例代码

BottomNavigation(
            backgroundColor = colorResource(id = R.color.black),
            modifier = Modifier.fillMaxWidth().clip(RoundedCornerShape(15.dp, 15.dp, 0.dp, 0.dp))
        )