tambah status bar

app.json

@@ -9,6 +9,9 @@
       "android",
       "web"
     ],
+    "androidStatusBar": {
+      "hidden":"true"
+    },
     "version": "2.0.0",
     "orientation": "portrait",
     "icon": "./assets/excelso.png",

package-lock.json

@@ -3141,6 +3141,11 @@
         "lodash": "^4.17.15"
       }
     },
+    "expo-status-bar": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/expo-status-bar/-/expo-status-bar-1.0.0.tgz",
+      "integrity": "sha512-WxFqFk0AlPcfKFwJxYboUvo4D+WWyeGKU2XeIq3eMC6+IN4esBMvQ6VaR3u3oJCkOcjWyS7WPCeCLeCRZnwmmg=="
+    },
     "expo-web-browser": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/expo-web-browser/-/expo-web-browser-8.0.0.tgz",

package.json

@@ -31,6 +31,7 @@
     "expo-location": "^8.0.0",
     "expo-network": "^2.0.0",
     "expo-permissions": "^8.0.0",
+    "expo-status-bar": "^1.0.0",
     "i18n-js": "^3.5.1",
     "moment": "^2.25.3",
     "native-base": "2.13.8",

view/Home.js

@@ -4,7 +4,7 @@ import * as Device from 'expo-device';
 import * as Location from 'expo-location';
 import * as Permissions from 'expo-permissions';
 import * as React from 'react';
-import { ActivityIndicator, Alert, Dimensions, ScrollView, StyleSheet, Text, TouchableOpacity, View, SafeAreaView, StatusBar } from 'react-native';
+import { ActivityIndicator, Alert, Dimensions, ScrollView, StyleSheet, Text, TouchableOpacity, View, SafeAreaView,StatusBar } from 'react-native';
 import { SliderBox } from "react-native-image-slider-box";
 import { Card } from 'react-native-shadow-cards';
 import { connect } from 'react-redux';
@@ -14,6 +14,7 @@ import CheckVersion from '../function/CheckVersion';
 import ActionType from '../redux/globalActionType';
 import Toast from 'react-native-tiny-toast';
 import i18n from 'i18n-js';
+// import { StatusBar } from 'expo-status-bar';
 
 let version = info.expo.version
 let buildNumber = info.expo.android.versionCode
@@ -228,15 +229,12 @@ class Home extends React.Component {
   }
 
   render() {
-    // console.log(this.props.in_payment)
     return (
       <View style={styles.container}>
-        {/* <StatusBar hidden={true} /> */}
+        <StatusBar />
         <ScrollView>
           <View style={{ flex: 6 }}>
             <View style={styles.header}>
-              {/* <StatusBar barStyle='dark-content' /> */}
-              {/* <Text style={styles.titleText}>{i18n.t('register')}</Text> */}
               <View style={{ flex: 1, alignItems: 'flex-end' }}>
                 <Text style={styles.titleText}>{i18n.t('promotion')}</Text>
               </View>

view/MenuSelection.js

@@ -298,7 +298,7 @@ class MenuSelection extends React.Component {
   render() {
     return (
       <View style={styles.container}>
-        <StatusBar hidden={true} />
+        <StatusBar/>
         <View style={{ flex: 0.5, height: 50, flexDirection: 'row' }}>
           <FlatList horizontal={true} style={{ flexDirection: 'row' }}
             showsHorizontalScrollIndicator={false}