@momo-kits/foundation 0.77.1-optimize.3 → 0.77.1-optimzie.4

package/Application/BottomTab/BottomTabBar.tsx

@@ -46,8 +46,6 @@ type Options = {
 };
 
 const DEFAULT_MAX_TAB_ITEM_WIDTH = 125;
-const DEFAULT_TABBAR_HEIGHT = 49;
-const COMPACT_TABBAR_HEIGHT = 32;
 
 const shouldUseHorizontalLabels = ({
   state,
@@ -87,38 +85,6 @@ const shouldUseHorizontalLabels = ({
 const getPaddingBottom = (insets: EdgeInsets) =>
   Math.max(insets.bottom - Platform.select({ios: 4, default: 0}), 0);
 
-export const getTabBarHeight = ({
-  dimensions,
-  insets,
-  style,
-  ...rest
-}: Options & {
-  insets: EdgeInsets;
-  style: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
-}) => {
-  // @ts-ignore
-  const customHeight = StyleSheet.flatten(style)?.height;
-
-  if (typeof customHeight === 'number') {
-    return customHeight;
-  }
-
-  const isLandscape = dimensions.width > dimensions.height;
-  const horizontalLabels = shouldUseHorizontalLabels({dimensions, ...rest});
-  const paddingBottom = getPaddingBottom(insets);
-
-  if (
-    Platform.OS === 'ios' &&
-    !Platform.isPad &&
-    isLandscape &&
-    horizontalLabels
-  ) {
-    return COMPACT_TABBAR_HEIGHT + paddingBottom;
-  }
-
-  return DEFAULT_TABBAR_HEIGHT + paddingBottom;
-};
-
 export default function BottomTabBar({
   state,
   navigation,
@@ -409,7 +375,7 @@ export default function BottomTabBar({
           position: isTabBarHidden ? 'absolute' : (null as any),
         },
         {
-          paddingBottom: paddingBottom - 0,
+          paddingBottom: paddingBottom,
           paddingHorizontal: Math.max(insets.left, insets.right),
         },
         style,
@@ -464,7 +430,6 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     height: 48,
     width: 48,
-
     borderRadius: 100,
     top: -12,
   },

package/Application/BottomTab/index.tsx

@@ -75,7 +75,7 @@ const BottomTab: React.FC<BottomTabProps> = ({
       )}
       tabBarOptions={{
         style: {
-          height: 68 + Math.min(insets.bottom, 21),
+          height: 64 + Math.min(insets.bottom, 21),
         },
         tabStyle: {
           height: 68,

package/Input/Input.tsx

@@ -169,7 +169,7 @@ const Input = forwardRef(
             <TextInput
               {...props}
               accessibilityLabel={accessibilityLabel}
-              editable={editable || !disabled}
+              editable={editable && !disabled}
               secureTextEntry={secure}
               textAlignVertical="center"
               ref={inputRef}

package/Layout/FloatingButton.tsx

@@ -45,22 +45,24 @@ export const FloatingButton: React.FC<FloatingButtonProps> = ({
     if (!label) return;
 
     const listener = animatedValue?.addListener(({value}) => {
-      const direction = value > lastOffset.current ? 'down' : 'up';
-      lastOffset.current = value;
-      if (lastDirection.current !== direction) {
-        lastDirection.current = direction;
-        if (direction === 'down') {
-          Animated.timing(widthAnimated!, {
-            toValue: minWidth,
-            duration: 200,
-            useNativeDriver: false,
-          }).start(() => setShowText(false));
-        } else {
-          Animated.timing(widthAnimated!, {
-            toValue: maxWidth.current,
-            duration: 200,
-            useNativeDriver: false,
-          }).start(() => setShowText(true));
+      if (value !== lastOffset.current) {
+        const direction = value > lastOffset.current ? 'down' : 'up';
+        lastOffset.current = value;
+        if (lastDirection.current !== direction) {
+          lastDirection.current = direction;
+          if (direction === 'down') {
+            Animated.timing(widthAnimated!, {
+              toValue: minWidth,
+              duration: 200,
+              useNativeDriver: false,
+            }).start(() => setShowText(false));
+          } else {
+            Animated.timing(widthAnimated!, {
+              toValue: maxWidth.current,
+              duration: 200,
+              useNativeDriver: false,
+            }).start(() => setShowText(true));
+          }
         }
       }
     });

package/Layout/Screen.tsx

@@ -236,6 +236,7 @@ const Screen = forwardRef(
           {
             useNativeDriver: true,
             listener: (e: NativeSyntheticEvent<NativeScrollEvent>) => {
+              scrollViewProps?.onScroll?.(e);
               if (animatedHeader?.type == 'surface') {
                 const offsetY = e.nativeEvent.contentOffset.y;
                 let color = Colors.black_01;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.77.1-optimize.3",
+    "version": "0.77.1-optimzie.4",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {},