Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

magic-status-bar

jacobp10011ISC1.0.1

Replaces the system status bar for preparation for App/Play Store screenshots

react-component, react-native, ios, android

readme

Magic Status Bar

npm install --save magic-status-bar

Replaces the system status bar for preparation for App/Play Store screenshots. Sets signal to five bars, full wifi, 9:41 on iOS, 12:00 on Android.

Wrap your root component in MagicStatusBar. Props accepted mimick the props for React Native's StatusBar component.

<MagicStatusBar>
  <YourRootView />
</MagicStatusBar>
Prop Default Values Description
backgroundColor transparent (iOS), black (Android) Any colour Sets the background colour of the status bar
translucent true (iOS), false (Android) true/false When true, the status bar will overlap views. When false, it will move child views down.
barStyle (iOS) default (light-content) default, light-content, dark-content Colour of status bar icons (see StatusBar)

Todo

  • Allow customising time, icons

[1] https://facebook.github.io/react-native/docs/statusbar.html