---
title: "navigationBarsPadding"
description: "Adds padding to accommodate the [navigation bars][WindowInsets.Companion.navigationBars] insets.

Any insets consumed by other insets padding modifiers or [consumeWindowInsets] on a parent layout
will be excluded from the padding. [WindowInsets.Companion.navigationBars] will be
[consumed][consumeWindowInsets] for child layouts as well.

For example, if a parent layout uses [systemBarsPadding], the area that the parent layout pads
for the status bars will not be padded again by this [navigationBarsPadding] modifier.

When used, the [WindowInsets] will be consumed."
type: "modifier"
---

<div class='type'>Compose Modifier</div>

<a id='references'></a>
<div class='sourceset sourceset-common'>Common</div>


```kotlin
expect fun Modifier.navigationBarsPadding(): Modifier
```


Adds padding to accommodate the `navigation bars` insets.

Any insets consumed by other insets padding modifiers or `consumeWindowInsets` on a parent layout
will be excluded from the padding. `WindowInsets.Companion.navigationBars` will be
`consumed` for child layouts as well.

For example, if a parent layout uses `systemBarsPadding`, the area that the parent layout pads
for the status bars will not be padded again by this `navigationBarsPadding` modifier.

When used, the `WindowInsets` will be consumed.



<div class='sourceset sourceset-android'>Android</div>


```kotlin
actual fun Modifier.navigationBarsPadding() =
    windowInsetsPadding(debugInspectorInfo { name = "navigationBarsPadding" }, navigationBarsLambda)
```


Adds padding to accommodate the `navigation bars` insets.

Any insets consumed by other insets padding modifiers or `consumeWindowInsets` on a parent layout
will be excluded from the padding. `WindowInsets.Companion.navigationBars` will be
`consumed` for child layouts as well.

For example, if a parent layout uses `systemBarsPadding`, the area that the parent layout pads
for the status bars will not be padded again by this `navigationBarsPadding` modifier.

When used, the `WindowInsets` will be consumed.



## Code Examples
### statusBarsAndNavigationBarsPaddingSample
```kotlin
fun statusBarsAndNavigationBarsPaddingSample() {
    class SampleActivity : ComponentActivity() {
        override fun onCreate(savedInstanceState: Bundle?) {
            WindowCompat.setDecorFitsSystemWindows(window, false)
            super.onCreate(savedInstanceState)
            setContent {
                Box(Modifier.background(Color.Blue).statusBarsPadding()) {
                    Box(Modifier.background(Color.Green).navigationBarsPadding()) {
                        // app content
                    }
                }
            }
        }
    }
}
```