Is it me or are the window insets on iOS a bit too...

# compose-ios

[aidanvii]

Is it me or are the window insets on iOS a bit too large? This is using the PaddingValues in the content of a M3 Scaffold

[Dima Avdeev]

We are use iOS safeArea feature to calculate WindowInsets, So, that size is controlled by iOS

[aidanvii]

ah I see

[aidanvii]

To be honest, I think the main problem for me wasn’t the safe areas, it was the material 3 bottom bar looking quite out of place aside other iOS apps. Will probably have to wait for more platform specific Material UI tweaks I suppose.

[aidanvii]

however the safe area at the top does look wrong, even on a real device it goes beyond the notch

[aidanvii]

according to the image here at least:
https://developer.apple.com/design/human-interface-guidelines/layout#iOS-iPadOS-safe-areas

[aidanvii]

I think I’d need to check with a pure SwiftUI app and see how the safe areas look side by side, it could just be this illustration that’s wrong

[Dima Avdeev]

I recommend ignore all safe areas like we did in ImageViewer sample.
https://github.com/JetBrains/compose-multiplatform/blob/master/examples/imageviewer/iosApp/iosApp/ContentView.swift#L9

And fully control it in Compose with
Modifier.windowInsetsPadding(WindowInsets.systemBars)
and
Modifier.windowInsetsPadding(WindowInsets.ime)