update code

App.js

@@ -7,7 +7,6 @@ import rootReducer from './src/Reducers/index';
 import RootView from './src/RootView';
 import createSagaMiddleware from 'redux-saga';
 import rootSaga from './src/Saga/rootSaga';
-
 import FirebaseNotification from './src/helper/FirebaseNotification';
 
 let bootSplashLogo = require('./src/assets/images/iconSplash.png');

src/RootView.js

 import React, {useEffect} from 'react';
-import {View, Text, ImageBackground, StyleSheet, StatusBar} from 'react-native';
+import {
+  View,
+  Text,
+  ImageBackground,
+  StyleSheet,
+  StatusBar,
+  SafeAreaView,
+} from 'react-native';
 
 import {connect} from 'react-redux';
 import StackNavigation from './routers/StackNavigation';
@@ -25,13 +32,14 @@ const RootView = (props) => {
   return (
     <>
       <View style={{flex: 1}}>
+        {/* <DropDown /> */}
         <Modal isVisible={props.loadingModal.isVisible}>
           <SkypeIndicator color={'white'} />
         </Modal>
         <StackNavigation />
       </View>
       {/*<VersionChecker/>*/}
-      {/* <DropDown /> */}
+
       <NoInternetComponent />
     </>
   );

src/components/DropDown.js

@@ -90,7 +90,6 @@ const DropDown = () => {
   };
 
   return (
-    <View style={styles.container}>
     <DropdownAlert
       ref={(ref) => {
         if (ref) {
@@ -105,7 +104,6 @@ const DropDown = () => {
       messageNumOfLines={0}
       onClose={_onClose}
     />
-    </View>
   );
 };
 
@@ -116,6 +114,7 @@ const styles = StyleSheet.create({
   },
   content: {
     backgroundColor: PURPLE_COLOR,
+    zIndex: 10,
   },
   size: {
     textAlign: 'center',

src/components/Header/HeaderHome.js

@@ -200,6 +200,7 @@ const HeaderHome = (props) => {
     <View style={styles.container}>
       <SnackBar />
       <StatusBar backgroundColor="transparent" translucent={true} />
+
       <View
         style={{
           justifyContent: 'center',