If I drop in a Color.gray into a Stack it fills all the space beneath the iOS menu bar (that shows the time and so on).
But if I drop in a Spacer() and color the .background of the stack, it now fills the entire screen space and covers the menu bar.
Why do color and images respect the menu bar but spacers do not?
What is the most standard way to make a colored VStack that stays below the menu bar?
I tried to use GeometryReader - .padding(.top, geometry.safeAreaInsets.top) - but to my surprise the safeAreaInset is more than the actual menu bar - this bounds the VStack to lower in height than just a Color.gray goes.
If anyone can help me, I’d really appreciate it as I find this very mysterious and I don’t know the way forward.
Thank you very much.