@momo-kits/foundation 0.167.1-duotest.1 → 0.167.1-duotest.2

package/Application/BottomTab/index.tsx

@@ -29,7 +29,11 @@ import { getOptions, getStackOptions, useAppState } from '../utils';
 import BottomTabBar from './BottomTabBar';
 import { DuoTabBar } from './DuoTabBar';
 import { DuoBarCompressionProvider } from './DuoBarCompression';
-import { ApplicationContext, MiniAppContext } from '../../Context';
+import {
+  ApplicationContext,
+  MiniAppContext,
+  ScreenContext,
+} from '../../Context';
 import { useScreenLayout } from '../../Layout';
 import { getHeaderRowOptions } from '../../Layout/utils';
 
@@ -204,7 +208,14 @@ const BottomTab: React.FC<BottomTabProps> = ({
   compressionBehavior,
 }) => {
   const { theme, navigator } = useContext(ApplicationContext);
+  const screen: any = useContext(ScreenContext);
   const { isIPhoneDuo } = useScreenLayout();
+  // each tab lays itself out, the hosting stack screen must not add a header or insets
+  screen?.claimHeader?.();
+  useEffect(() => {
+    screen?.syncHeader?.();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   const dimensions = useWindowDimensions();
   const insets = useSafeAreaInsets();
   const initialIndex = tabs.findIndex(i => i.name === initialRouteName);

package/Application/utils.tsx

@@ -24,12 +24,7 @@ import type {
 } from './types';
 import { ApplicationContext } from '../Context';
 import { Colors, Spacing } from '../Consts';
-import {
-  Animated,
-  AppState,
-  NativeModules,
-  Platform,
-} from 'react-native';
+import { Animated, AppState, NativeModules, Platform } from 'react-native';
 import { useHeaderHeight } from '@react-navigation/elements';
 import type { SharedValue } from 'react-native-reanimated';
 import {
@@ -619,7 +614,6 @@ const useHeaderScrollState = (
           ...quickReturnOptions,
           headerTransparent: true,
           headerTintColor: Colors.black_17,
-          headerShown: true,
           headerBackground: () => (
             <DuoGlassBackground animatedValue={scrollY} />
           ),
@@ -629,7 +623,6 @@ const useHeaderScrollState = (
           header: undefined,
           headerTransparent: false,
           headerTintColor: Colors.black_17,
-          headerShown: true,
           headerBackground: (props: any) => (
             <HeaderBackground
               {...props}
@@ -719,7 +712,6 @@ const useHeaderScrollState = (
   return { scrollY, onScrollChange, setScrollOffset, background, contentStyle };
 };
 
-
 export {
   getStackOptions,
   getModalOptions,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.167.1-duotest.1",
+    "version": "0.167.1-duotest.2",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {},