Merge pull request #266 from ankit-thanekar007/tma-670-sp-statusbar-missing

TMA-670 : Statusbar Missing

1 files changed, 9 insertions, 1 deletions

diff --git a/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx b/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx
index c2aab1b5..510d16fc 100644
--- a/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx
+++ b/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx
@@ -6,6 +6,7 @@ import React, {
   useEffect,
   useState,
   useMemo,
+  useRef,
 } from 'react';
 import {
   FlatList,
@@ -70,7 +71,7 @@ const SuggestedPeopleScreen: React.FC = () => {
   const [refreshing, setRefreshing] = useState(false);
   const [shouldResetData, setShouldResetData] = useState(false);
   const [hideStatusBar, setHideStatusBar] = useState(false);
-
+  const stausBarRef = useRef(hideStatusBar);
   // loads data and append it to users based on current page
   useEffect(() => {
     loadMore();
@@ -152,6 +153,12 @@ const SuggestedPeopleScreen: React.FC = () => {
         }
       };
       navigateToAnimatedTutorial();
+      StatusBar.setHidden(stausBarRef.current);
+      StatusBar.setBarStyle('light-content');
+      return () => {
+        StatusBar.setHidden(false);
+        StatusBar.setBarStyle('dark-content');
+      };
     }, [navigation, suggested_people_linked]),
   );
 
@@ -227,6 +234,7 @@ const SuggestedPeopleScreen: React.FC = () => {
   const onViewableItemsChanged = useCallback(
     ({viewableItems}: {viewableItems: ViewToken[]}) => {
       setHideStatusBar(viewableItems[0].index !== 0);
+      stausBarRef.current = viewableItems[0].index !== 0;
     },
     [],
   );