@momo-kits/foundation 0.110.1-optimize.10 → 0.110.1-optimize.11

package/Application/Components/HeaderBackground.tsx

@@ -12,7 +12,6 @@ const LinearGradientAnimated = Animated.createAnimatedComponent(LinearGradient);
  * header background for default
  */
 const HeaderBackground: React.FC<HeaderBackgroundProps> = ({
-  image,
   animatedValue = new Animated.Value(0),
   useGradient = true,
   useShadowHeader = true,
@@ -20,13 +19,8 @@ const HeaderBackground: React.FC<HeaderBackgroundProps> = ({
   headerBackground,
 }) => {
   const {theme} = useContext(ApplicationContext);
-
   const gradientColor = customGradientColor ?? theme.colors.gradient;
-
-  let headerImage = headerBackground ?? theme.assets?.headerBackground;
-  if (image === null) {
-    headerImage = undefined;
-  }
+  const headerImage = headerBackground ?? theme.assets?.headerBackground;
 
   const opacityBackground = animatedValue?.interpolate({
     inputRange: [0, 52],
@@ -39,6 +33,10 @@ const HeaderBackground: React.FC<HeaderBackgroundProps> = ({
     extrapolate: 'clamp',
   });
 
+  if (Platform.OS === 'android' && headerImage) {
+    useShadowHeader = false;
+  }
+
   return (
     <View style={Styles.flex}>
       <Animated.View

package/Application/Components/HeaderExtendHeader.tsx

@@ -46,7 +46,6 @@ const HeaderExtendHeader: React.FC<{
   const gradientColor = customGradientColor ?? theme.colors.gradient;
   const headerBackground = customBackground ?? theme.assets?.headerBackground;
   const leftPosition = inputSearchProps?.leftPosition || BACK_WIDTH + 20;
-  const isIos = Platform.OS === 'ios';
 
   const opacityBackground = animatedValue?.interpolate({
     inputRange: [0, 52],
@@ -89,15 +88,17 @@ const HeaderExtendHeader: React.FC<{
     extrapolate: 'clamp',
   });
 
+  if (Platform.OS === 'android' && headerBackground) {
+    useShadowHeader = false;
+  }
+
   if (inputSearchProps) {
     return (
       <>
         <Animated.View style={{height: height}} />
         <Animated.View
           style={[
-            isIos && useShadowHeader
-              ? styles.shadowHeader
-              : styles.dividerHeader,
+            useShadowHeader ? styles.shadowHeader : styles.dividerHeader,
             {
               position: 'absolute',
               width: '100%',

package/Application/Components/HeaderRight.tsx

@@ -1,4 +1,4 @@
-import React, {useContext, useEffect, useState} from 'react';
+import React, {useCallback, useContext, useEffect, useState} from 'react';
 import {
   Platform,
   StyleSheet,
@@ -90,14 +90,17 @@ const HeaderToolkitAction: React.FC<any> = ({
   /**
    * check app is favorite
    */
-  const checkAppIsFavorite = () =>
-    navigator?.maxApi?.dispatchFunction?.(
-      'isFavoriteApp',
-      context?.code,
-      (result: boolean) => {
-        setIsFavorite(result);
-      }
-    );
+  const checkAppIsFavorite = useCallback(
+    () =>
+      navigator?.maxApi?.dispatchFunction(
+        'isFavoriteApp',
+        {code: context?.code},
+        (result: boolean) => {
+          setIsFavorite(result);
+        }
+      ),
+    [context]
+  );
 
   /**
    * close navigation container
@@ -147,12 +150,13 @@ const HeaderToolkitAction: React.FC<any> = ({
       screenName: currentRoute?.params?.screen?.name ?? currentRoute?.name,
     });
     setIsLoading(true);
-    navigator?.maxApi?.dispatchFunction?.(
+    navigator?.maxApi?.dispatchFunction(
       'onToolAction',
       {
         item: {
           key: 'onFavorite',
         },
+        context,
       },
       ({success}: {success: boolean}) => {
         if (success) {
@@ -217,17 +221,22 @@ const HeaderToolkitAction: React.FC<any> = ({
       screenName: currentRoute?.params?.screen?.name ?? currentRoute?.name,
     });
 
-    navigator?.maxApi?.dispatchFunction?.('showTools', tools, (key: string) => {
-      for (const group of tools) {
-        const pressedTool = group?.items?.find?.(
-          (tool: Tool) => tool?.key === key
-        );
-        if (pressedTool) {
-          pressedTool?.onPress();
-          break;
+    navigator?.maxApi?.dispatchFunction(
+      'showTools',
+      tools,
+      context,
+      (key: string) => {
+        for (const group of tools) {
+          const pressedTool = group?.items?.find?.(
+            (tool: Tool) => tool?.key === key
+          );
+          if (pressedTool) {
+            pressedTool?.onPress();
+            break;
+          }
         }
       }
-    });
+    );
   };
 
   let iconShortcut = isFavorite ? 'pin_star_checked' : 'pin_star';

package/Application/StackScreen.tsx

@@ -225,12 +225,7 @@ const StackScreen: React.FC<ScreenParams> = props => {
           }, 2000);
         },
       }}>
-      <Component
-        heightHeader={heightHeader}
-        {...data}
-        onScreenLoad={onScreenLoad}
-        onScreenInteraction={onScreenInteraction}
-      />
+      <Component heightHeader={heightHeader} {...data} />
       {showGrid && <GridSystem />}
     </ScreenContext.Provider>
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/foundation",
-  "version": "0.110.1-optimize.10",
+  "version": "0.110.1-optimize.11",
   "description": "React Native Component Kits",
   "main": "index.ts",
   "scripts": {},