React Native StatusBar size

Question

I faced with problem. My StatusBar in the app has zoomed like on screen below.

** App init:

    <Root>
      <StatusBar
        barStyle={'dark-content'} />
      <App />
   </Root>

** React-native v0.55.4 ** iPhone 8+

How to avoid this problem? Thank you for any answers!

score 1 · Accepted Answer · answered Aug 10 '18 at 13:12

As per react-native docs status bar style dark-content type makes your text and icon bold.

default - Default status bar style (dark for iOS, light for Android)

light-content - Dark background, white texts and icons

dark-content - Light background, dark texts and icons

In some case lauch images/lauch storyboard is reason for zoomed

1 Answers1