Jetpack compose: Scaffold navigationBarsPadding not working properly

Question

I'm using Jetpack compose with Scaffold. As you can see it doesn't work properly.

Scaffold(
    modifier = Modifier
        .fillMaxSize()
        .navigationBarsPadding(),
) {
    ...
}

Note that I have called WindowCompat.setDecorFitsSystemWindows(window, false) on host activity.

Also this result is happing on Lg G4 - Api 26

Answer 1

You can try add this code, set in your root

ProvideWindowInsets {}

Answer 2

WindowCompat.setDecorFitsSystemWindows(window, false) ：Indicates that the content can extend to the system bar

In your case, you can use： WindowCompat.setDecorFitsSystemWindows(window, true)

Example :

Scaffold(
    modifier = Modifier
        .fillMaxSize(),
) {
    ...
}