Avoid status bar overlap on all screens

Question

I want all screens on my app to appear below the status bar on both iOS and Android, so I\'d either have to add a StatusBar component or a paddingTop

Answer 1

You can create a component to hold all your different pages, so that you don't need to duplicate the StatusBar and padding code in every single screen component.

I created a example in here:　https://snack.expo.io/SyaCeMOwW

And nothing need to change in term of your navigation structure or redux flow.