@momo-kits/foundation 0.110.1-beta.1 → 0.110.1-beta.2

package/Application/Components/HeaderBackground.tsx

@@ -1,6 +1,6 @@
 import LinearGradient from 'react-native-linear-gradient';
 import {Animated, Platform, StyleSheet, View} from 'react-native';
-import React, {useContext, useEffect, useState} from 'react';
+import React, {useContext} from 'react';
 import {HeaderBackgroundProps} from '../types';
 import {ApplicationContext} from '../index';
 import {Colors, Styles} from '../../Consts';
@@ -19,17 +19,7 @@ const HeaderBackground: React.FC<HeaderBackgroundProps> = ({
   gradientColor,
   headerBackground,
 }) => {
-  const {theme, navigator} = useContext(ApplicationContext);
-  const [configHeader, setConfigHeader] = useState(null);
-
-  useEffect(() => {
-    navigator?.maxApi?.getFeatureById('platform_config', (config: any) => {
-      const header = config?.navigationBar?.headerBar;
-      if (header) {
-        setConfigHeader(header);
-      }
-    });
-  }, []);
+  const {theme} = useContext(ApplicationContext);
 
   const linearGradientColor = gradientColor ?? theme.colors.gradient;
 
@@ -69,7 +59,7 @@ const HeaderBackground: React.FC<HeaderBackgroundProps> = ({
             {!!headerImage && (
               <Image
                 style={styles.headerBackground}
-                source={{uri: configHeader || headerImage}}
+                source={{uri: headerImage}}
                 loading={false}
               />
             )}

package/Application/NavigationContainer.tsx

@@ -32,6 +32,7 @@ const NavigationContainer: React.FC<NavigationContainerProps> = ({
   const isReady = useRef(false);
   const navigator = useRef(new Navigator(navigationRef, isReady));
   const [showGrid, setShowGrid] = useState(false);
+  const [configHeader, setConfigHeader] = useState(null);
 
   /**
    * inject data for navigator
@@ -62,12 +63,27 @@ const NavigationContainer: React.FC<NavigationContainerProps> = ({
     return localize?.translate(data as string);
   };
 
+  useEffect(() => {
+    maxApi?.getFeatureById('platform_config', (data: any) => {
+      const parsedConfig = JSON.parse(data?.param);
+      const header = parsedConfig?.navigationBar?.headerBar;
+      if (header) {
+        setConfigHeader(header);
+      }
+    });
+  }, []);
+
   return (
     <SafeAreaProvider>
       <ApplicationContext.Provider
         value={{
           navigator: navigator.current,
-          theme,
+          theme: {
+            ...theme,
+            assets: {
+              headerBackground: theme.assets?.headerBackground || configHeader,
+            },
+          },
           showGrid,
           translate,
         }}>

package/package.json

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