add FocusAwareStatusBar, useIsFocused

README.md

@@ -394,6 +394,7 @@ navigation://home/post/post-1
   lazyWithPreload // only available on the web: see example app
   Redirect,
   StatusBar,
+  FocusAwareStatusBar,
   NavigationRoot,
   createNavigation,
   // refreshBottomTabs, TODO: implement this
@@ -407,10 +408,14 @@ navigation://home/post/post-1
   createSimpleTheme,
   setPreloadResult, // should not need this as it is done automatically
 
-  // hooks
-  useTheme,
+  // common hooks
   useParams,
   useNavigation,
+
+
+  // extra
+  useTheme,
+  useIsFocused,
   useFocus,// same as useNavigating
   useNavigating,
   useNavigated,

src/FocusAwareStatusBar.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import StatusBar from './StatusBar';
+import type { StatusBarProps } from 'expo-status-bar';
+import useIsFocused from './useIsFocused';
+
+function FocusAwareStatusBar(props: StatusBarProps) {
+  const isFocused = useIsFocused();
+  if (!isFocused) {
+    return null;
+  }
+  return <StatusBar {...props} />;
+}
+
+export default React.memo(FocusAwareStatusBar);

src/index.tsx

@@ -5,13 +5,15 @@ export { default as BottomTabLink } from './BottomTabLink';
 export { usePreloadResult } from './Preloader';
 export { default as lazy } from './lazy';
 export { default as StatusBar } from './StatusBar';
+export { default as FocusAwareStatusBar } from './FocusAwareStatusBar';
 export {
   useNavigating as useFocus,
   useNavigating,
   useNavigated,
   useUnloaded,
   useUnloading,
 } from './useFocus';
+export { default as useIsFocused } from './useIsFocused';
 export { default as useParams } from './useParams';
 export { default as useBottomTabBadges } from './useBottomTabBadges';
 export { default as useBottomTabIndex } from './useBottomTabIndex';

src/useIsFocused.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { useNavigated, useUnloaded } from './useFocus';
+
+export default function useIsFocused() {
+  const [isFocused, setIsFocused] = React.useState(true);
+  useNavigated(() => {
+    console.log('isFocused');
+    setIsFocused(true);
+  });
+  useUnloaded(() => {
+    setIsFocused(false);
+  });
+  return isFocused;
+}