@momo-kits/foundation 0.92.6-rc.19 → 0.92.6-rc.21

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

@@ -38,31 +38,33 @@ export const FloatingButton: React.FC<FloatingButtonProps> = ({
   const minWidth = size == 'small' ? 36 : 48;
   const [widthAnimated, setWidthAnimated] = useState<Animated.Value>();
   const lastOffset = useRef(0);
-  const debounce = useRef<any>();
+  const lastDirection = useRef<string>();
   const [showText, setShowText] = React.useState(true);
 
   useEffect(() => {
     if (!label) return;
 
     const listener = animatedValue?.addListener(({value}) => {
-      clearTimeout(debounce.current);
-      debounce.current = setTimeout(() => {
-        const down = value > lastOffset.current;
+      if (value !== lastOffset.current) {
+        const direction = value > lastOffset.current ? 'down' : 'up';
         lastOffset.current = value;
-        if (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 (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));
+          }
         }
-      }, 200);
+      }
     });
 
     return () => {
@@ -122,6 +124,7 @@ export const FloatingButton: React.FC<FloatingButtonProps> = ({
           <Text
             style={styles.label}
             color="white"
+            numberOfLines={1}
             typography="action_default_bold">
             {label}
           </Text>

package/Layout/Screen.tsx

@@ -234,7 +234,7 @@ const Screen = forwardRef(
             },
           ],
           {
-            useNativeDriver: false,
+            useNativeDriver: true,
             listener: (e: NativeSyntheticEvent<NativeScrollEvent>) => {
               if (animatedHeader?.type == 'surface') {
                 const offsetY = e.nativeEvent.contentOffset.y;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.92.6-rc.19",
+    "version": "0.92.6-rc.21",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {},