I’m with web app trying to create an app for iOS and android using BDK wrapper. I’m trying to set a top safe area to avoid the problem that you can see below (screenshot from iPhone 16), where the hour and the battery, notch, etc show the page. Instead, I’d like to implement something similar to what Spotify, Youtube, etc have, just a top safe area of a specific color that no matter if you scroll, is always there.
Hey, thanks a lot! I created a floating group on top and applied the code you shared in your post. It just works! Thanks a lot for your help, I hope this is also useful for everyone reading here
Hey again! As I said in a previous message, this worked for iOS. But checking in android, it doesn’t work, it looks like I can’t get rid of the status bar. Did you solve it in Android?
I didn’t run across any issues specifically with Android after putting in the fix. But everything was pretty finicky in general about padding/margins I had to include on all my groups (just in general) to make things work.
So, for what it’s worth, maybe take a look at some adjustments to positioning and top padding/margin on whatever is wrapping your content.
Thank you, I’m beta testing and the header right now is the last of my problems. For example, in Android right now I’m fighting with trying to adapt the lower part/menu depending whether the user has gesture navigation or 3 buttons navigation. With 3 buttons navigation, I have to increase the margin/padding so the buttons are not hiding the menu, but I don’t find a way for the app to detect this. Did you have this issue?
