I have created a custom component for a custom nav bar (because I need the equivalent of an unread messages counter on one element of my nav bar).
The nav bar functionally works fine, but does not extend into the safe area at the bottom of the phone. I could turn off safe area for the page, but then I'm not sure how to programmatically set the padding at the top of the page so it always lands in the safe area.
Is there a workaround or another approach to this?