@momo-kits/foundation 0.102.1-beta.3 → 0.102.1-beta.5

package/Application/types.ts

@@ -1,7 +1,4 @@
-import {
-  StackHeaderTitleProps,
-  StackNavigationOptions,
-} from '@react-navigation/stack';
+import {StackNavigationOptions} from '@react-navigation/stack';
 import {EventArg} from '@react-navigation/core';
 import React from 'react';
 import {Animated, ViewProps} from 'react-native';
@@ -240,21 +237,8 @@ export type FloatingButtonProps = {
   onPress: () => void;
 };
 
-export type AnimatedDefaultType = {
+export type AnimatedHeader = {
   type: 'default' | 'surface';
-  component?: (props?: {animatedValue: Animated.Value}) => React.ReactElement;
-  headerTitle?: (
-    props?: StackHeaderTitleProps & {animatedValue: Animated.Value}
-  ) => React.ReactElement;
+  component?: (props?: any) => React.ReactElement;
+  headerTitle?: (props?: any) => React.ReactElement;
 };
-
-export type AnimatedNormalType = {
-  type: 'default';
-} & AnimatedDefaultType;
-
-export type AnimatedSurfaceType = {
-  type: 'surface';
-  alwaysShowTitle?: boolean;
-} & AnimatedDefaultType;
-
-export type AnimatedHeader = AnimatedNormalType | AnimatedSurfaceType;

package/Input/styles.ts

@@ -29,6 +29,7 @@ export default StyleSheet.create({
     left: Spacing.S,
     paddingHorizontal: Spacing.S,
     flexDirection: 'row',
+    alignItems: 'center',
   },
   floatingIcon: {marginLeft: Spacing.XS},
   errorIcon: {marginRight: Spacing.XS},

package/Layout/Screen.tsx

@@ -270,9 +270,6 @@ const Screen = forwardRef(
         if (animatedHeader.type === 'surface') {
           options = {
             ...options,
-            headerTintColor: animatedHeader.alwaysShowTitle
-              ? theme.colors.text.default
-              : undefined,
             headerBackground: (props: any) => (
               <HeaderBackground
                 {...props}
@@ -281,16 +278,6 @@ const Screen = forwardRef(
                 animatedValue={animatedValue.current}
               />
             ),
-            headerTitle: (props: any) => (
-              <HeaderTitle
-                {...props}
-                animatedValue={
-                  animatedHeader.alwaysShowTitle
-                    ? undefined
-                    : animatedValue.current
-                }
-              />
-            ),
           };
         }
         if (animatedHeader.headerTitle) {
@@ -327,10 +314,7 @@ const Screen = forwardRef(
             useNativeDriver: true,
             listener: (e: NativeSyntheticEvent<NativeScrollEvent>) => {
               scrollViewProps?.onScroll?.(e);
-              if (
-                animatedHeader?.type === 'surface' &&
-                !animatedHeader?.alwaysShowTitle
-              ) {
+              if (animatedHeader?.type === 'surface') {
                 const offsetY = e.nativeEvent.contentOffset.y;
                 let color = Colors.black_01;
                 if (offsetY > 50) {
@@ -370,12 +354,6 @@ const Screen = forwardRef(
      * render top navigation banner
      */
     const renderAnimatedHeader = () => {
-      if (
-        animatedHeader?.type === 'surface' &&
-        animatedHeader?.alwaysShowTitle
-      ) {
-        return <View style={{height: heightHeader}} />;
-      }
       if (typeof animatedHeader?.component === 'function') {
         return (
           <View style={[styles.screenBanner, {maxHeight: 210 + layoutOffset}]}>

package/package.json

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