I'm using `Scaffold` with `BottomNavigation` and i...

# compose

[Se7eN]

I'm using Scaffold with BottomNavigation and it looks like the bottom navigation bar is covering bodyContent

Scaffold(
    topBar = {
        TopAppBar(
            title = { ... },
            navigationIcon = { ... },
            actions = { ... },
            backgroundColor = MaterialTheme.colors.surface,
            elevation = 0.dp
        )
    },
    bodyContent = { ChatScreen(viewModel) },
    bottomBar = {
        BottomNavigation(
            backgroundColor = MaterialTheme.colors.surface,
            elevation = if (isSystemInDarkTheme()) 0.dp else 4.dp
        ) {
            BottomNavigationItem(
                icon = { ... },
                selected = true,
                onClick = {},
                label = { ... },
            )

            BottomNavigationItem(
                icon = { ... },
                selected = false,
                onClick = {},
                label = { ... }
            )
        }
    }
)

Is this a bug or am I doing something wrong?

[Se7eN]

I have a LazyColumnFor and it's scrolled to the bottom in the image

[Timo Drick]

You need to forward the innerPadding of the bodyContent to your child views:

bodyContent = { innerPadding -> ChatScreen(innerpadding, viewModel) },

[Timo Drick]

Modifier.padding(innerPadding)

[Se7eN]

Got it. Thanks!

[Se7eN]

And lol sorry for the language