@momo-kits/foundation 0.80.8-beta.16 → 0.80.8-beta.17

package/Application/Navigation.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import {NavigationProp} from '@react-navigation/native';
-import {Alert} from 'react-native';
 import {NavigationOptions, Theme} from './types';
 import {HeaderRightAction} from './index';
 import {getOptions} from './utils';
@@ -20,11 +19,9 @@ class Navigation {
       const headerRight = params.headerRight?.({}) as React.ReactElement;
       const type = headerRight?.type;
       if (type !== HeaderRightAction && type !== HeaderToolkitAction) {
-        Alert.alert(
-          'Rule',
+        console.warn(
           'headerRight contains element type of HeaderRightAction | HeaderToolkitAction, Please check again.',
         );
-        delete params.headerRight;
       }
     }
     return params;

package/Layout/Screen.tsx

@@ -181,18 +181,6 @@ const Screen = forwardRef(
      * render top navigation banner
      */
     const renderHeader = () => {
-      if (headerBackground != undefined) {
-        return (
-          <Image
-            source={{
-              uri: headerBackground,
-            }}
-            style={{
-              aspectRatio: 1.75,
-            }}
-          />
-        );
-      }
       if (typeof animatedHeader === 'function') {
         return animatedHeader({animatedValue: animatedValue.current});
       }
@@ -237,6 +225,17 @@ const Screen = forwardRef(
       <View
         style={[Styles.flex, {backgroundColor}]}
         accessibilityLabel={`ScreenContainer`}>
+        {!!headerBackground && (
+          <>
+            <Image
+              source={{
+                uri: headerBackground,
+              }}
+              style={styles.extendedHeader}
+            />
+            <View style={{height: heightHeader}} />
+          </>
+        )}
         <KeyboardAvoidingView
           style={Styles.flex}
           enabled={enableKeyboardAvoidingView}

package/Layout/styles.ts

@@ -2,6 +2,12 @@ import {StyleSheet} from 'react-native';
 import {Radius, Spacing} from '../Consts';
 
 export default StyleSheet.create({
+  extendedHeader: {
+    aspectRatio: 1.75,
+    position: 'absolute',
+    width: '100%',
+    height: 210,
+  },
   screenBanner: {
     width: '100%',
   },

package/package.json

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