透明导航栏留下一个黑框答案

【问题标题】：transparent navigation bar leaves a dark box透明导航栏留下一个黑框
【发布时间】：2021-11-07 13:54:08
【问题描述】：

@Composable
fun BottomNavigationBar(items: List<BottomNavItem>, navController: NavController, onItemClick: (BottomNavItem) -> Unit){
    val selectedScreen = navController.currentBackStackEntryAsState()
    BottomNavigation(
        modifier = Modifier.fillMaxWidth(),
        backgroundColor = Color.Transparent,

    ) {
        items.forEach { item ->
            val selected = item.route == selectedScreen.value?.destination?.route
            BottomNavigationItem(
                selected = selected,
                onClick = { onItemClick(item) },
                selectedContentColor = colorResource(id = R.color.button_background_light_blue),
                unselectedContentColor = Color.Gray,
                icon = {
                    Column(horizontalAlignment = CenterHorizontally) {
                        Icon(imageVector = item.icon, contentDescription = item.name)
                        if(selected) {
                            Text(text = item.name, textAlign = TextAlign.Center, fontSize = 10.sp)
                        }
                    }
                }
            )

        }
    }
}

tbh 我没有找到任何关于（这只是我假设的）一个包含图标或任何接近图标的框，我可以添加什么来删除那个“框”？

【问题讨论】：

标签： android kotlin user-interface transparency android-jetpack-compose

【解决方案1】：

只需将高度设置为 0.dp。我不知道BottomNavigation的确切方法，但是如果有一个名为elevation的参数，请将其设置为0.dp。如果没有具有该名称的参数值，则应用高程修饰符。

Modifier.elevation(0.dp)

【讨论】：

工作就像一个魅力，谢谢:)
如果您的问题得到解决，请将解决方案标记为正确答案。选票下方有一个灰色的小勾。打勾就行了。如果您有任何其他问题，请告诉我。这是为了帮助其他人知道查询已经解决。