A modern programming language that makes developers happier.

kotlinlang

Screenshot 2024-04-29 074256.png

Hi I'm new to Android Studio, how can I fix my emulator? because my composables are overlapping the default Top App bar of the emulator itself. Thanks in advance

Not sure that’s an emulator issue. Your UI is going edge to edge. I would use the Layout Inspector to debug further. I would also check what modifiers you are setting. 

<@U071F969RRP> Are you seeing different behavior in physical device?

In your root layout (column most likely) add a modifier of `Modifier.statusBarsPadding()` and see if that fixes it. If so, then yes like Chris said. Your ui is edge to edge. up to you to handle insets. might be "annoying" at first if you're just getting started, but if you use something like a topAppBar/toolbar/whatever at the top then it'll take care of this for you. and it allows you to create more immersive UIs when you want to put a hero image at the top of your app.

edge to edge is the future and is enabled by default in Android 15 apparently.

<https://www.youtube.com/watch?v=moYIjqFMi0o> is a good overview to watch at 2x