NATIVE-437: Rename StatusBar

src/modules/app/components/App.js

@@ -6,7 +6,7 @@ import { Provider } from 'react-redux'
 import I18nProviderContainer from '../../i18n/containers/I18nProviderContainer'
 import createReduxStore from '../createReduxStore'
 import IOSSafeAreaView from '../../../modules/platform/components/IOSSafeAreaView'
-import AndroidStatusBarContainer from '../../platform/containers/AndroidStatusBarContainer'
+import StatusBarContainer from '../containers/StatusBarContainer'
 import type { Store } from 'redux'
 import type { StateType } from '../StateType'
 import type { StoreActionType } from '../StoreActionType'
@@ -23,7 +23,7 @@ class App extends React.Component<{||}> {
       <Provider store={this.store}>
         <I18nProviderContainer>
           <>
-            <AndroidStatusBarContainer />
+            <StatusBarContainer />
             <IOSSafeAreaView>
               <NavigatorContainer />
             </IOSSafeAreaView>

src/modules/app/components/StatusBar.js

@@ -0,0 +1,19 @@
+// @flow
+
+import * as React from 'react'
+import type { ThemeType } from '../../theme/constants/theme'
+import { StatusBar as ReactNativeStatusBar } from 'react-native'
+
+type PropsType = {|
+  theme: ThemeType
+|}
+
+class StatusBar extends React.PureComponent<PropsType> {
+  render () {
+    return (
+      <ReactNativeStatusBar backgroundColor={this.props.theme.colors.backgroundAccentColor} barStyle='dark-content' />
+    )
+  }
+}
+
+export default StatusBar

src/modules/app/containers/StatusBarContainer.js

@@ -0,0 +1,6 @@
+// @flow
+
+import StatusBar from '../components/StatusBar'
+import withTheme from '../../theme/hocs/withTheme'
+
+export default withTheme()(StatusBar)