fixing status bar

app.json

@@ -9,9 +9,7 @@
       "android",
       "web"
     ],
-    "androidStatusBar": {
-      "hidden": "true"
-    },
+    
     "version": "2.0.0",
     "orientation": "portrait",
     "icon": "./assets/excelso.png",
@@ -29,14 +27,14 @@
     "ios": {
       "supportsTablet": true,
       "bundleIdentifier": "id.web.ravintola.excelsocrm",
-      "buildNumber": "2006261800",
+      "buildNumber": "2006271330",
       "config": {
         "googleMapsApiKey": "AIzaSyCvIFNvXKmBNetqPrV4VnjvF772avYbA3M"
       }
     },
     "android": {
       "package": "id.web.ravintola.excelsocrm",
-      "versionCode": 2006261800,
+      "versionCode": 2006271330,
       "config": {
         "googleMaps": {
           "apiKey": "AIzaSyAcCfuNHVFstDUE-ZDafWsiUmA3ON79cqo"

view/Home.js

@@ -307,12 +307,12 @@ class Home extends React.Component {
   render() {
     return (
       <View style={styles.container}>
-        <StatusBar />
+        <StatusBar backgroundColor='#CFB368' />
         <ScrollView>
           <View style={{ flex: 6 }}>
             <View style={styles.header}>
               <View style={{ flex: 0.1, padding: 15 }} />
-              <View style={{ flex: 0.8, alignItems: 'center'}}>
+              <View style={{ flex: 0.8, alignItems: 'center', padding: 15 }}>
                 <Text style={styles.titleText}>{i18n.t('promotion')}</Text>
               </View>
               <View style={{ padding: 15, flex: 0.1, alignItems: 'flex-end' }}>
@@ -673,11 +673,11 @@ const styles = StyleSheet.create({
     flex: 0.1,
     flexDirection: 'row',
     backgroundColor: '#CFB368',
+    paddingTop: StatusBar.currentHeight
     // justifyContent: 'space-between',
     // alignItems: 'center'
   },
   titleText: {
-    margin: 15,
     fontSize: 20,
     // fontWeight: 'bold',
     fontFamily: 'Gotham-Black',

view/MenuSelection.js

@@ -298,8 +298,8 @@ class MenuSelection extends React.Component {
   render() {
     return (
       <View style={styles.container}>
-        <StatusBar/>
-        <View style={{ flex: 0.5, height: 50, flexDirection: 'row' }}>
+        <StatusBar backgroundColor='#CFB368'/>
+        <View style={{ flex: 0.5, height: 50, flexDirection: 'row', paddingTop: StatusBar.currentHeight }}>
           <FlatList horizontal={true} style={{ flexDirection: 'row' }}
             showsHorizontalScrollIndicator={false}
             data={this.state.listCategory}