CODEWITHSUNDEEP
iosreact-native
Leonid Veremchuk
Leonid Veremchuk

Reputation: 1963

React Native StatusBar size

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

enter image description here

** 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!

Upvotes: 1

Views: 312

Answers (1)

Harshal Valanda
Harshal Valanda

Reputation: 5451

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

StatusBarStyle

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

Upvotes: 1

Related Questions