With `m3.NavigationBar` Whats the right way to apply `windowInsetsPadding` to bottom `NavigationBar`...

# compose

[xxfast]

With m3.NavigationBar Whats the right way to apply windowInsetsPadding to bottom NavigationBar? I'm doing this right now

NavigationBar(
  modifier = Modifier
    .windowInsetsPadding(WindowInsets.navigationBars),
) {
  pages.forEach { page ->
    NavigationBarItem(..)
  } 
}

It looks all wrong 🤔

[Oleksandr Balan]

In our app we used a “trick” from Accompanist and wrap NavigationBar in the `Surface`:

// Wrap with surface to "extend" navigation bar below the system navigation bar
Surface(
    color = NavigationBarDefaults.containerColor,
    tonalElevation = NavigationBarDefaults.Elevation,
    modifier = modifier,
) {
    NavigationBar(
        tonalElevation = 0.dp,
        modifier = Modifier.navigationBarsPadding(),
    ) {
        ...
    }
}

Also note, that tonal elevation is “moved” from NavigationBar to the Surface

[Jan Bína]

There's built in support for insets in material3 since 1.0.0-beta01, it should just work, no custom modifier or surface tricks required anymore https://developer.android.com/jetpack/androidx/releases/compose-material3#1.0.0-beta01

[xxfast]

Nice - im using compose-multiplatform and will wait for the next stable release for compose 1.3 which i hope will bundle this change in

[xxfast]

@Oleksandr Balan NavigationBarDefaults is internal right 🤔 is there way for us to extend these?

[Oleksandr Balan]

We have 1.3.0 version and NavigationBarDefaults is public there 🤷