底部导航未与底部对齐

Question

我已经成功制作了底部导航，但是当我执行我的代码时，它似乎在顶部而不是在屏幕底部，我是否需要做其他事情？

@Composable
fun BottomNavWithLabels(){
    BottomNavigation(content = {
        listItems.forEachIndexed { index, label ->
            BottomNavigationItem(
                    icon = {
                                Icon(vectorResource(id = R.drawable.ic_baseline_home_24))
                          
            )
        }
    })
}

Answer 1

您可以将 BottomNavWithLabels() 与 Scaffold 一起使用：

Scaffold(topBar = { },
        bottomBar = {
            BottomNavWithLabels()
        },
        bodyContent = {
    //bodyContent()
})