https://kotlinlang.org logo
#compose
Title
# compose
c

Colton Idle

01/17/2022, 7:28 AM
I'm trying to give my BottomNavigation a rounded corner design (the top corners) along with a but of elevation/dropshadow. Essentially it looks kinda sorta like a car. I can get the rounded corners, but elevation doesn't seem to work. I'm assuming it has to do with the clipping because of the corner shape? ideas on how to get a bottomNav bar with top rounded corners + elevation?
Copy code
BottomNavigation(
        backgroundColor = bottomColor,
        contentPadding = rememberInsetsPaddingValues(insets = LocalWindowInsets.current.navigationBars,),
        modifier = Modifier.clip(shape = RoundedCornerShape(topStart = 24.dp, topEnd = 24.dp, bottomEnd = 0.dp, bottomStart = 0.dp)),
        elevation = 16.dp)
👀 1