@momo-kits/foundation 0.153.1-test.10 → 0.153.2

package/Layout/Screen.tsx

@@ -9,9 +9,7 @@ import React, {
   useContext,
   useEffect,
   useImperativeHandle,
-  useMemo,
   useRef,
-  useState,
 } from 'react';
 import {
   Animated,
@@ -202,7 +200,6 @@ const Screen = forwardRef(
     );
     const currentTint = useRef<string | undefined>(undefined);
     const isTab = navigation?.instance?.getState?.()?.type === 'tab';
-    const [footerHeight, setFooterHeight] = useState(0)
 
     let handleScroll;
     let Component: any = View;
@@ -236,14 +233,14 @@ const Screen = forwardRef(
           case 'extended':
             options = {
               headerShown: true,
-              headerTransparent: false,
+              headerTransparent: true,
               headerBackground: () => null,
               headerTitle: (props: any) => <HeaderTitle {...props} />,
             };
             if (inputSearchProps) {
               options = {
                 headerShown: true,
-                headerTransparent: false,
+                headerTransparent: true,
                 headerBackground: () => null,
                 headerTitle: (props: any) => (
                   <HeaderTitle
@@ -279,7 +276,7 @@ const Screen = forwardRef(
             if (inputSearchProps) {
               options = {
                 headerShown: true,
-                headerTransparent: false,
+                headerTransparent: true,
                 headerBackground: () => null,
                 headerTitle: (props: any) => (
                   <HeaderTitle
@@ -320,7 +317,7 @@ const Screen = forwardRef(
 
         options = {
           headerTintColor: currentTint.current ?? Colors.black_17,
-          headerTransparent: false,
+          headerTransparent: true,
           headerBackground: (props: any) => (
             <HeaderBackground
               {...props}
@@ -354,7 +351,7 @@ const Screen = forwardRef(
     const setAnimatedSearch = useCallback(() => {
       const options: StackNavigationOptions = {
         headerShown: true,
-        headerTransparent: false,
+        headerTransparent: true,
         headerBackground: () => null,
         headerTitle: (props: any) => (
           <HeaderTitle
@@ -566,20 +563,12 @@ const Screen = forwardRef(
       }
     };
 
-    const marginTop = useMemo(() => {
-      if (animatedHeader || inputSearchProps || headerType === "extended") {
-        return -heightHeader;
-      }
-      return undefined;
-    }, [animatedHeader, headerType, heightHeader, inputSearchProps])
-
     return (
       <View
         style={[
           Styles.flex,
           {
             backgroundColor: backgroundColor ?? theme.colors.background.default,
-            marginTop,
           },
         ]}
       >
@@ -622,13 +611,15 @@ const Screen = forwardRef(
           </Component>
 
           {floatingButtonProps && (
-            <FloatingButton
-              {...floatingButtonProps}
-              animatedValue={animatedValue.current}
-              bottom={
-                (Footer || isTab ? 12 : Math.min(insets.bottom, 21)) + Spacing.S + footerHeight
-              }
-            />
+            <View>
+              <FloatingButton
+                {...floatingButtonProps}
+                animatedValue={animatedValue.current}
+                bottom={
+                  Footer || isTab ? 12 : Math.min(insets.bottom, 21) + Spacing.S
+                }
+              />
+            </View>
           )}
 
           {Footer && (
@@ -640,9 +631,6 @@ const Screen = forwardRef(
                   backgroundColor: theme.colors.background.surface,
                 },
               ]}
-              onLayout={(e) => {
-                setFooterHeight(e.nativeEvent.layout.height)
-              }}
             >
               <Section>{Footer}</Section>
             </View>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.153.1-test.10",
+    "version": "0.153.2",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {},
@@ -26,7 +26,6 @@
         "react-native": "*"
     },
     "devDependencies": {
-        "@momo-platform/versions": "4.1.11",
         "@types/color": "3.0.6"
     },
     "publishConfig": {